javascript - HTML : Photo swipe is not workling

Question

我正在尝试为滑动图像实现 photoswipe.js，但滑动不起作用。

头

<script type="text/javascript" src="js/klass.min.js"></script>
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="js/code.photoswipe-3.0.4.min.js">       </script>


 <script type="text/javascript">
document.addEventListener("deviceready", onDeviceReady, true);

function onDeviceReady() {
   // related functions
     alert("check");
   $("#Gallery a").photoSwipe();
} 
(function(window, PhotoSwipe){

    document.addEventListener('DOMContentLoaded', function(){

        var
            options = {},
            instance = PhotoSwipe.attach(    window.document.querySelectorAll('#Gallery a'), options );

    }, false);


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

</script>

正文

<ul id="Gallery" class="gallery">
<li><a href="img/img1.jpg"><img src="img/img1.jpg" rel="external" alt="" />   </a></li>
<li><a href="img/img2.jpg"><img src="img/img2.jpg" rel="external"  alt="" /></a></li>

</ul>

谁能告诉我哪里出错了。 提前致谢

Answer 1

我认为你的 cordova 加载在 DOM 加载之前完成，所以添加 document.addEvenListener("deviceready", onDeviceReady, true);线 内部文档加载功能。