jquery石工 +無限の巻物を取得できませんsafariとchromeで動作するように
-
25-10-2019 - |
質問
こんにちは私はjQuery石積みと無限の巻物を使用してサイトをセットアップしようとしていますが、OSXのChromeやSafariで動作させることはできません。
開発サイトはです http://bit.ly/hyj3cq
コンソールでJavaScriptエラーはありません。
私が試したこと:
- 石積み除去内の画像幅/高さを設定します
- 古いjQueryライブラリを使用します
- JSをフッターの代わりにヘッドに移動します
- type = "text/javascript"をスクリプトタグに追加する
- HTMLの検証
- jquery(window).load(およびjquery(document).ready(windo)を変更する
これは私が働いているコードであり、正常に動作するデモコードに非常に似ています。
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/>
)またはsetimeout()を使用します
// call masonry as a callback, after 1000 milliseconds
function( newElements ) {
setTimeout(function() {
$wall.masonry({ appendedContent: $(newElements) });
}, 1000);
}
また、列幅を設定する必要があります(スクリプトはわかりませんが、それがドキュメントで言っていることです)
所属していません StackOverflow