在jquery,javascript中滑动图像的问题

时间:2013-10-28 06:45:15

标签: javascript jquery html cordova photoswipe

我需要添加应该左右滑动的图像,而不是在logcat 10-28 11:48:25.734: E/Web Console(5348): Uncaught TypeError: Cannot read property 'PhotoSwipe' of undefined at file:///android_asset/www/04-jquery-mobile.html:59 中获取此错误 第59行是}(window, window.jQuery, window.Code.PhotoSwipe));,其中包含以下代码。我已经包含了swiper文件并正确引用,仍然无法获取,请帮助我。

(function(window, $, PhotoSwipe){
        $(document).ready(function(){
            $('div.gallery-page')
                .live('pageshow', function(e){

                    var 
                        currentPage = $(e.target),
                        options = {},
                        photoSwipeInstance = $("ul.gallery a", e.target).photoSwipe(options,  currentPage.attr('id'));
                    return true;
                })

                .live('pagehide', function(e){

                    var 
                        currentPage = $(e.target),
                        photoSwipeInstance = PhotoSwipe.getInstance(currentPage.attr('id'));

                    if (typeof photoSwipeInstance != "undefined" && photoSwipeInstance != null) {
                        PhotoSwipe.detatch(photoSwipeInstance);
                    }
                    return true;
                });
        });
    }(window, window.jQuery, window.Code.PhotoSwipe));

1 个答案:

答案 0 :(得分:0)

请查看下面的小提琴和讨论。这与您的问题类似。

http://jsfiddle.net/Purus/vBvLK/3/

你不需要包装代码insdie Photoswipe功能。以下就足够了。

var $s = $("#gridView a").photoSwipe();

另见PhotoSwipe: populate / switch image gallery from localStorage?