アイソトープを使用し、すべてのコンテンツを ajax でロードする Web サイトで問題が発生しています。ajax 呼び出しの後に isotope スクリプトを実行しましたが、正常に動作しています。問題は、要素が 1 つの列に配置されていることです。それらを再配置する唯一の方法は、ウィンドウのサイズを変更してアイソトープを再度実行することです。どれが問題になるか知っていますか?
これは、ajax 呼び出しの後に呼び出される同位体関数です。
jQuery('.products').isotope({
itemSelector: '.products li',
masonry : {
columnWidth : 40
}
});
これは、一人称http://ves.cat/bpdTで問題を確認するための私のサイトへのリンクです。ロゴをクリックすると、ajax を使用してホームページをリロードすると、製品のサムネイルが最初とは異なり、1 つの列に表示されることがわかります。ウィンドウのサイズを変更しても問題ありません。サムネイルは正しい位置に戻ります。
同位体関数の後にも書き込もうとしましjQuery('.products').isotope('reLayout');
たが、うまくいきませんでした。
前もって感謝します!