Jquery追加图片到列表打不开
我尝试在 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 附加图像时，它会添加到列表中，但不会打开特殊的图像查看器。 有人可以帮助我吗？
I trying to use photoswipe within jquery mobile.
When I add an image in the list it works fine, the image will nicely open in the special image viewer.
<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>
But when I append with JQuery an image then It added to the list but It won't open it the special image viewer.
Can anybody help me?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
重要的是实际加载的 DOM 元素。当您手动添加图像时，它们可能会比 jQuery 添加的图像更早加载到 DOM 中。您可能会在 jQuery 之前的 DOM 修改之后、jQuery 驱动的 DOM 修改之前通过 photoswipe 获得图像。确保事情按照正确的顺序完成。
The important things are actual loaded DOM elements. When you add image manually, they will presumably load earlier in DOM than those added by jQuery. You probably get images with photoswipe after pre-jQuery DOM modifactions, but before jQuery-driven DOM modifications. Make sure that things are done in a right order.
也许你可以在列表上尝试 data-role="listview" ，然后使用 jquery 添加后进行列表视图刷新。一定要尝试一下
maybe you could try data-role="listview" on the list and then do a listview refresh after adding it using jquery. do try it