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 変更の前に、写真スワイプで画像を取得します。物事が正しい順序で行われていることを確認してください。