0

Phonegap と PhotoSwipe の使用に問題があります。フォト ギャラリーを含む ajax ページを呼び出したい。ただし、この場合、PhotoSwipe は機能しません。とても簡単そうです。

助けてくれてありがとう

ヘンリー

これは私のJavascriptです：

$(document).on('pageshow','#photo', function(){

    console.log("photo1");

    (function(window, $, PhotoSwipe){
        $(document).ready(function(){
        var options = {};
            $("#Gallery a").photoSwipe(options);

        });


    }(window, window.jQuery, window.Code.PhotoSwipe));

});

これは単純な html です:

 <!-- Start of page - GALLERY -->
 <div data-role="page" id="photo">

     <div data-role="header" data-theme="b" data-position="fixed">
         <a href="#page4" data-icon="arrow-l" data-transition="slide" data-direction="reverse">Back</a><h1>ABC</h1>
     </div><!-- /header -->

     <div data-role="content">

         <ul id="Gallery" class="gallery">

             <li><a href="/img/page/155/icon4.jpg" rel="external"><img src=""/img/page/155/icon.jpg" alt="Image 005" /></a></li>
             <li><a href="/img/page/155/icon4.jpg" rel="external"><img src=""/img/page/155/icon.jpg" alt="Image 006" /></a></li>
             <li><a href="/img/page/155/icon4.jpg" rel="external"><img src=""/img/page/155/icon.jpg" alt="Image 007" /></a></li>
             <li><a href="/img/page/155/icon4.jpg" rel="external"><img src=""/img/page/155/icon.jpg" alt="Image 008" /></a></li>
             <li><a href="/img/page/155/icon4.jpg" rel="external"><img src=""/img/page/155/icon.jpg" alt="Image 009" /></a></li>
             <li><a href="/img/page/155/icon4.jpg" rel="external"><img src="/img/page/155/icon.jpg" alt="Image 010" /></a></li>
         </ul>

     </div><!-- /content -->

 </div><!-- /page -->
4

1 に答える 1

0

リストから写真をクリックすると、画像が Photoswipe 効果のない外部ページとして読み込まれます。

これは、フォトスワイプが起動されていないことを示しています。ドキュメントの準備ができた後にイベントが発生するdocument.readyため、イベントを削除してみてください。pageshow

$(document).on('pageshow','#photo', function(){

    console.log("photo1");

    (function(window, $, PhotoSwipe){
        var options = {};
        $("#Gallery a").photoSwipe(options);

    }(window, window.jQuery, window.Code.PhotoSwipe));

});

動作するコードの簡単な例を次に示します。

于 2013-06-29T11:19:39.097 に答える