gpt4 book ai didi

jquery - 无法让 jQuery Masonry + 无限滚动在 Safari 和 Chrome 中工作

转载 作者:行者123 更新时间:2023-12-01 05:06:26 27 4
gpt4 key购买 nike

您好,我正在尝试使用 jQuery Masonry 和无限滚动设置一个网站,但我似乎无法让它在 OSX 上的 Chrome 或 Safari 中工作。

开发站点是 http://bit.ly/hYJ3Cq

我在控制台中没有收到任何 JavaScript 错误。

我尝试过的事情:

  • 在砌体 div 内设置图像宽度/高度
  • 使用较旧的 jquery 库
  • 将 js 移至头部而不是页脚
  • 将 type="text/javascript"添加到脚本标记
  • 验证 html
  • 在 jQuery(window).load( 和 jQuery(document).ready( ) 之间切换

这是我正在使用的代码,它与运行良好的演示代码非常相似:

    jQuery(window).load(function(){

jQuery('.hfeed').masonry({
singleMode: true,
itemSelector: '.box'
});

jQuery('.hfeed').infinitescroll({
navSelector : '.pagination', // selector for the paged navigation
nextSelector : '.pagination .next', // selector for the NEXT link (to page 2)
itemSelector : '.box', // selector for all items you'll retrieve
loadingImg : '/wp-content/themes/sprppl/images/loader.gif',
loadingText : "Loading...",
donetext : 'No more pages to load.',
debug: false,
errorCallback: function() { jQuery('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal'); }
},
// call masonry as a callback
function( newElements ) { jQuery(this).masonry({ appendedContent: jQuery( newElements ) }); }
);

});

任何帮助将不胜感激。

最佳答案

http://desandro.com/demo/masonry/docs/infinite-scroll.html

看看“Tumblr 问题”。您应该设置图像大小标签(在 <img/> 而不是 <div/> 中)或使用 setTimeout()

// call masonry as a callback, after 1000 milliseconds
function( newElements ) {
setTimeout(function() {
$wall.masonry({ appendedContent: $(newElements) });
}, 1000);
}

我猜你还应该设置一个columnWidth(我不知道脚本,但这就是他们在文档中所说的)

关于jquery - 无法让 jQuery Masonry + 无限滚动在 Safari 和 Chrome 中工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5324437/

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