javascript - Jquery 使图像宽度为零

Question

我遇到了 jquery width() 的问题；

HTML 标记:

<img height="300px" src="http://localhost/portfolio/wp-content/uploads/Alone.jpg" alt="Alone" title="Alone" />

Jquery:

var slide_width = 0;
    $("#barely_slide article img").each(function(){
        console.dir($(this).width());
    });
    console.dir(slide_width);

查看 $(this) 我看到 clientWidth 返回正确的值，也是 offsetWidth，但这些没有等效的 jquery 函数。

Answer 1

用这个包装你的函数调用:

(function($) {

  $(document).ready(function() {
    //Here you can manupilate the dom. Images are not loaded yet.
  });

  $(window).load(function() {
    //Here you can check for image widths.
  });

})(jQuery);

您可以通过以下方式检查客户端宽度:

$(window).width();

您的文档宽度为:

$(document).width();