gpt4 book ai didi

jquery masonry 在初始页面加载时崩溃,单击 "home"菜单按钮后工作正常

转载 作者:技术小花猫 更新时间:2023-10-29 11:13:47 28 4
gpt4 key购买 nike

我的 jquery masonry 设置在初始页面加载时运行异常。它似乎将图像放在第一行中,第二行与第一行重叠,第三行相同。页面加载后,您可以单击主页按钮或 Logo 并重新加载页面,它工作正常。

我在 functions.php 中有这段代码,用于将 masonry 和 jquery 脚本放入:

if (!is_admin()) {
wp_enqueue_script('jquery');
wp_register_script('jquery_min', get_template_directory_uri(). '/js/jquery.min.js', array('jquery'), '1.6.1' );
wp_enqueue_script('jquery_min');
wp_enqueue_script('jquery');
wp_register_script('jquery_masonry', get_template_directory_uri(). '/js/jquery.masonry.min.js', array('jquery'), '2.1.06' );
wp_enqueue_script('jquery_masonry');
}

这个脚本在head.php中:

<?php if (is_page(2)) { ?>
<script>
$(function(){
$('#content').masonry({
// options...
itemSelector : '.product',
columnWidth : 310,
isAnimated: true,
animationOptions: {
duration: 700,
easing: 'linear',
queue: false
}
});
});
</script>
<?php } ?>

这是指向 site 的链接.

知道为什么在初始页面加载时加载异常吗?

我对编写任何脚本都很陌生,所以请多多关照。

最佳答案

我认为这是因为脚本在内容(图像)完全加载之前正在运行。因此定位错误。

试试这个。

  $(window).load(function()
{
$('#content').masonry({
itemSelector : '.product',
columnWidth : 310,
isAnimated: true,
animationOptions: {
duration: 700,
easing: 'linear',
queue: false
}
});
});

关于jquery masonry 在初始页面加载时崩溃,单击 "home"菜单按钮后工作正常,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15160010/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com