0

我正在尝试使用 html 和 javascript 为 phonegap 应用程序实现图像滑动，在此演示PhotoSwipe之后它工作正常，但在添加到我的项目后，无法滑动图像。甚至正确链接了 js 文件我仍然在 logcat 中收到此错误“Uncaught TypeError: Cannot read property 'PhotoSwipe' of undefined at file:///android_asset/www/examples/01-default.html:26" 对我的问题有任何想法吗？谢谢。

刷码

<title>PhotoSwipe</title>
<meta name="author" content="Ste Brennan - Code Computerlove - http://www.codecomputerlove.com/" />
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<link href="styles.css" type="text/css" rel="stylesheet" />

<link href="css/photoswipe.css" type="text/css" rel="stylesheet" />

<script type="text/javascript" charset="utf-8" src="js/cordova-1.9.0.js"></script>
<script type="text/javascript">

<script type="text/javascript">

(function(window, PhotoSwipe){

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

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

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

   </script>

<script type="text/javascript" src="js/cordova-1.9.0.js"></script>
<script type="text/javascript" src="/libs/klass.min.js"></script>
<script type="text/javascript" src="js/code.photoswipe.jquery-3.0.5.min.js">      </script>
<script type="text/javascript" src="js/code.photoswipe.jquery-3.0.5.js"></script>
<script type="text/javascript" src="js/code.photoswipe-3.0.5.min.js"></script>
    <script type="text/javascript" src="js/code.photoswipe-3.0.5.js"></script>  
    <script type="text/javascript" src="photoswiper.js"></script> 
}
4

1 回答 1

1

在您编写的脚本之前添加 js 文件，这可能是问题的原因，因为您尝试在脚本中使用的照片滑动功能尚未加载，因此尚不可用。

于 2013-10-04T10:20:58.443 回答