jQuery .width（）检测

Question

我只是想知道是否有更好的方法来检测每个这些.modal元素的宽度（在这个标记中可能有N个）。

以我现在这个数字的方式，它似乎只使用标记中第一个.modal的.width（）。

<script type="text/javascript"> 
    $(document).ready(function() { 
     $(".modal").hide(); 
     $(".modal-links a").each(function(i,o){ 
      $(this).click(function(popUp){ 
      var modalWidth = $(".modal").width(); 
      var modalHeight = $(".modal").height(); 
      $(".modal").css({ 
      "margin-left":-(modalWidth/2) 
      }); 
      $(".modal:eq("+i+")").show().siblings(".modal").hide(); 
      }); 
     }); 
    });</script> 

Answer 1

你要得到你想要在.click()的开始对付.modal，就像这样：

$(document).ready(function() { 
    $(".modal").hide(); 
    $(".modal-links a").each(function(i){ 
     $(this).click(function(popUp){ 
     var modal = $(".modal").eq(i), 
      modalWidth = modal.width(), 
      modalHeight = modal.height(); 
     modal.css({ "margin-left":-(modalWidth/2) }) 
      .show().siblings(".modal").hide(); 
     }); 
    }); 
}); 

没有这样做，你是正确的，它会得到.height()和.width()的第一个.modal元素。