Javascript ajax调用中的Phonegap和photoswip

我在使用Phonegap和Photosweep时遇到问题；我想调用一个包含照片库的ajax页面；但在这种情况下，Photosweep不起作用。这似乎很容易

谢谢你的帮助

亨利

这是我的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 -->

基础知识

当我从列表中单击一张照片时，图像将作为 没有Photosweep效果的外部页面

这表示未激发Photosweep。尝试删除

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));

});

---

是一个简单的代码示例。

“不起作用”非常广泛。抱歉，Danny；当我从列表中单击一张照片时，图像作为外部页面加载，没有Photosweep效果；不幸的是，您的解决方案不起作用。行为是一样的。我添加了2个console.log:[code]$（document）.on（'pageshow'，'#photo'，function（）{console.log（“photo1”）；（function（window，$，photoswip）{var options={}；console.log（“photo2”）；$（“#Gallery a”）.photoswip（options）；console.log（“photo3”）}（window，window.jQuery，window.code.photoswip））；加载页面时，控制台不会显示日志（“photo3”）。我收到了以下错误：TypeError:$（…）。Photosweep不是一个函数我不知道如何解决此问题Update@keune:Document生成此错误：TypeError:d不是一个函数-是否存在冲突？如果可能，请使用jquery 1.6.4检查此示例：谢谢！解决了的！我在脚本中添加了文件klass.min.js，现在可以完美地工作了！非常感谢；-）