jQuery错误地报告宽度为零

Question

我试图通过使用jQuery的.width()函数来访问某些元素的宽度，但有时当我不期望它时，返回值为0。这是一个已知的问题？为什么元素必须可见才能工作？如果有限制，我该如何解决它们呢？

Answer 1

如果您正在处理图片，请确保在$(window).load()而不是$(document).ready()中运行代码，如下所示：

$(window).load(function() {
  var width = $("img").width();
});

否则，请确保元素可见，隐藏元素没有.width()或.height()（两者都会返回0）。

Answer 2

元素必须已加载..尝试在窗口加载时绑定它

$(window).load(function(){  alert('#img').width()   });

您也可以尝试通过css在我猜想的元素上明确定义宽度。

Answer 3

您可以使用此额外条件检查图像是否可见

$(window).load(function(){  if($("#img").is(":visible"))alert('#img').width()   });