Jquery load()不';精力充沛之后我就不工作了
我有一些代码,当页面加载时会得到图像的高度,然后相应地调整其容器div的大小。除非是第一次加载页面,或者我用ctrl+f5进行了硬刷新,否则它就不起作用了。我试过使用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 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?如果是,请检查它返回的错误。