同位素无限滚动在第 2 页上丢失漂亮照片 jquery

Question

我正在将同位素无限滚动与画廊一起使用，我的 prettyPhoto 在第 1 页上工作正常，但一旦加载第 2 页，prettyPhoto 就无法正常工作。有谁知道我如何在第 2 页调用 jquery。如果我将第 2 页视为独立页面，prettyPhoto 可以正常工作。问候

Answer 1

PrettyPhoto 需要一些初始化代码，这些代码在文档加载时执行，并对 DOM 中的适当元素发挥作用。当同位素无限滚动将更多内容从后续页面拉入 DOM 时，您将不会获得文档就绪事件，因此 PrettyPhoto 不会被告知对新内容执行其操作。

您需要将 PrettyPhoto 初始化代码包装在一个函数中，并在 document.ready 和拉入新内容时调用该函数。Isotope 允许您指定在拉入新项目时执行的函数，以便您可以将在那里调用 PrettyPhoto 代码。