jquery - Jquery将图像附加到列表不会打开

Question

我试图在 jquery mobile 中使用 photoswipe。当我在列表中添加图像时，它工作正常，图像将在特殊图像查看器中很好地打开。

    <ul class="gallery" id="pictures" >
    <li class="s1"><a href="images/no_photo.jpg" rel="external"><img src="images.jpeg" alt="Image 001" /></a></li>
    </ul>

但是，当我使用 JQuery 附加图像时，它会添加到列表中，但不会在特殊图像查看器中打开它。有谁能够帮我？

Answer 1

也许您可以在列表上尝试 data-role="listview" ，然后在使用 jquery 添加它后进行列表视图刷新。试试看

Answer 2

重要的是实际加载的 DOM 元素。当您手动添加图像时，它们可能会比 jQuery 添加的更早在 DOM 中加载。您可能会在 jQuery 之前的 DOM 修改之后，但在 jQuery 驱动的 DOM 修改之前获得带有 photoswipe 的图像。确保事情以正确的顺序完成。