jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了第一次加载的jQuery同位素不起作用,如何等待所有资源/图像被加载?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一些我已经放在一起使用jQuery同位素这里.. http://jsbin.com/eziqeq/6/edit

它似乎在一般工作,但在第一次加载,一个新的选项卡,Isotope插件将包装器元素的高度设置为0.如果我刷新页面,它的工作,并设置父元素的高度,基于里面找到的物品

任何帮助将不胜感激.我不能想到为什么这个第一次加载这不工作,并在随后的重新加载它是..除非它可能与缓存图像加载有关?

编辑 –

这是Webkit浏览器中的一个缓存问题,因为它可以在Firefox和工作选项卡上工作,当我清除缓存并刷新页面,它将无法再工作,直到再次刷新.

解决方法

您可以使用mkoryak建议的插件.

或者您可以使用以下内容:(不需要插件 – 仅限jQuery):

// jQuery - Wait until images (and other resources) are loaded
$(window).load(function(){
    // All images,css style sheets and external resources are loaded!
    alert('All resources have loaded');
});

使用上述方法,您还可以确保所有CSS样式表都被加载(以确保在同位素启动时您的页面正确显示).

DOM ready”在DOM准备就绪时(即标记)触发.

$(document).ready( function(){ ... });

Window load”等待所有资源,然后发射.

$(window).load( function(){ ... });

大佬总结

以上是大佬教程为你收集整理的第一次加载的jQuery同位素不起作用,如何等待所有资源/图像被加载?全部内容,希望文章能够帮你解决第一次加载的jQuery同位素不起作用,如何等待所有资源/图像被加载?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。