Phonegap и PhotoSwipe в вызове ajax

Question

У меня проблема с использованием 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 --> 

Answer 1

when I click an photo from the list, the image is loading as a external page without Photoswipe effects.

это указывает на то, что photoswipe является не будучи fi красный. Попробуйте удалить событие 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)); 

}); 

Here представляет собой упрощенный пример кода, который работает.