Question

我正在尝试将lightwipe.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）;线内部文件加载功能。

HTML：照片滑动不起作用

1 个答案: