jquery - isotope の無限スクロールで、2 ページの prettyphoto jquery が失われる

Question

ギャラリーで同位体無限スクロールを使用していますが、ページ 1 で prettyPhoto が正常に動作していますが、ページ 2 が読み込まれると prettyPhoto が動作しません。2ページでjqueryを呼び出す方法を知っている人はいますか.2ページをスタンドアロンページとして表示すると、prettyPhotoは正常に動作します。よろしく

Answer 1

PrettyPhoto には、ドキュメントがロードされたときに実行されるいくつかの初期化コードが必要であり、DOM 内の適切な要素に対してその魔法を実行します。同位体の無限スクロールが後続のページから DOM にさらにコンテンツを取り込む場合、ドキュメントの準備完了イベントを取得しないため、PrettyPhoto は新しいコンテンツに対して処理を実行するように指示されません。

PrettyPhoto の初期化コードを関数でラップし、document.ready 時と新しいコンテンツが取り込まれたときの両方でその関数を呼び出す必要があります。Isotope では、新しいアイテムが取り込まれたときに実行される関数を指定できるため、そこにPrettyPhotoコードがあります。