Jquery load()不';精力充沛之后我就不工作了

Jquery load()不';精力充沛之后我就不工作了,jquery,Jquery,我有一些代码,当页面加载时会得到图像的高度,然后相应地调整其容器div的大小。除非是第一次加载页面,或者我用ctrl+f5进行了硬刷新,否则它就不起作用了。我试过使用 $('#div img').load(function() { // put the code here }); 但我也有同样的问题。有人知道为什么会这样吗 这是我的代码: maxheight = 0; $('#venue #main-img img').each(function() { height = $(this)

我有一些代码,当页面加载时会得到图像的高度,然后相应地调整其容器div的大小。除非是第一次加载页面,或者我用ctrl+f5进行了硬刷新,否则它就不起作用了。我试过使用

$('#div img').load(function() {
// put the code here
});
但我也有同样的问题。有人知道为什么会这样吗

这是我的代码:

maxheight = 0;
$('#venue #main-img img').each(function() {
   height = $(this).height();
   if(height > maxheight) {
      maxheight = height;
   }
   $(this).hide();
});
$('#venue #main-img').animate({ height: maxheight });
$('#venue #main-img img').first().show();

我应该说对不起。代码位于$(document).ready()中。

请尝试在<代码>$(窗口)中调用代码。加载。这将在加载所有图像后运行

$(window).load(function () {
   // run code
});

或者您可以尝试该插件。

尝试在
$(窗口)中调用您的代码。加载
。这将在加载所有图像后运行

$(window).load(function () {
   // run code
});

或者您可以尝试该插件。

您可能想尝试以下方法:

$(document).ready(function(){
//code here
});

您可能希望尝试以下方法:

$(document).ready(function(){
//code here
});

如果您的图像没有在HTML或CSS中指定宽度/高度,那么在下载图像之前,它们的宽度/高度是未知的

$(document).ready
在加载DOM时触发,但可能在下载图像等辅助媒体之前触发。这意味着当浏览器重新下载图像时,宽度/高度可能为0


也许你可以用类似的东西。“imagesLoaded”插件看起来特别有用(尽管其代码暗示
$(imgs).load
应该对您有用>如果您的图像没有在HTML或CSS中指定宽度/高度,那么在下载图像之前,它们的宽度/高度是未知的

$(document).ready
在加载DOM时触发,但可能在下载图像等辅助媒体之前触发。这意味着当浏览器重新下载图像时,宽度/高度可能为0


也许你可以使用类似的东西,“imagesLoaded”插件看起来特别有用(尽管它的代码暗示
$(imgs).load
应该对你有用>你可以使用像这样的jQuery插件

你可以使用像这样的jQuery插件

我也有同样的问题。经过一些研究,似乎浏览器需要为图像设置一个预定义的值才能重置大小。所以在初始加载时,它会出错,but在重新加载时,图像的高度会保留下来,因此javascript会正常工作。您需要在图像的初始高度中编码,以便JS可以正确调整图像的大小。

我也遇到了同样的问题。经过一些研究,似乎浏览器需要为图像设置一个预定义的值,以便重置大小。So在初始加载时,它会出错,但在重新加载时,图像的高度会保留,因此javascript会正常工作。您需要在图像的初始高度中编码,以便JS可以正确调整图像的大小。

您是否考虑到在每次迭代后,maxheight不会返回0,并且(height>maxheight)将基于此?什么是“它不工作”意味着什么?实际发生了什么?能否请您将代码粘贴到img加载函数中?我肯定那里有错误。此外,您是否使用firebug?如果是,请检查它返回的错误。您是否考虑到在每次迭代后,maxheight不会返回0,并且(高度>最大高度)将基于此?什么是“它不工作”意味着什么?实际发生了什么?请您将代码粘贴到img加载函数中好吗?我肯定那里有错误。另外,您是否使用firebug?如果是,请检查它返回的错误。