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

Question

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

Answer 1

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

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