试图在移动网站上实现 PhotoSwipe，但是

Question

我正在尝试设置 PhotoSwipe (http://www.photoswipe.com/)，这是一个与移动设备兼容的照片库 jquery 插件。但是我在实现插件时遇到了麻烦！我已经完成了我应该添加的每一行，但插件根本不起作用。图像链接显然很好，但插件没有按应有的方式工作。我想错过了什么，但我不知道是什么。

我对 jQuery 比较陌生，老实说，我不知道任何东西是如何工作的，我只知道如何插入。

我检查了文件路径，一切似乎都指向了正确的位置。

这是我的代码。

在“头”标签中

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

<script type="text/javascript">

        (function(window, $, PhotoSwipe){

            $(document).ready(function(){

                var options = {};
                $("#gallery a").photoSwipe(options);

            });


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

    </script>

在'body'标签中

<ul id="gallery">
    <li><a href="img/events/01.jpg"><img src="img/events/01t.jpg" rel="external" alt="" /></a></li>
    <li><a href="img/events/02.jpg"><img src="img/events/02t.jpg" rel="external"  alt="" /></a></li>
    <li><a href="img/events/03.jpg"><img src="img/events/03t.jpg" rel="external"  alt="" /></a></li>
    <li><a href="img/events/04.jpg"><img src="img/events/04t.jpg" rel="external"  alt="" /></a></li>
    <li><a href="img/events/05.jpg"><img src="img/events/05t.jpg" rel="external"  alt="" /></a></li>                    
</ul>

Answer 1

哦。实际上 jQuery 的链接需要在 photoswipe 的链接之前。

所以你的脚本文件应该是这样的：

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