0

我正在尝试设置 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>

在“身体”标签中

<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>
4

1 回答 1

0

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

So your script files should show like this:

<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>
于 2012-03-23T03:31:28.253 回答