Javascript 使用jquery mobile和expression引擎无法显示Photosweep幻灯片

Javascript 使用jquery mobile和expression引擎无法显示Photosweep幻灯片,javascript,jquery-mobile,expressionengine,photoswipe,Javascript,Jquery Mobile,Expressionengine,Photoswipe,大家好,我一直在为我自己的网站遵循Photosweep的例子,但我不能用Photosweep修复一些东西,画廊工作正常,但当我选择画廊的一张图片时,什么都没有发生,幻灯片没有显示,它只是重定向到图片;这是我代码的一部分: <!-- CSS Declaration --> <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile-1.3

大家好,我一直在为我自己的网站遵循Photosweep的例子,但我不能用Photosweep修复一些东西,画廊工作正常,但当我选择画廊的一张图片时,什么都没有发生,幻灯片没有显示,它只是重定向到图片;这是我代码的一部分:

        <!-- CSS Declaration -->
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile.structure-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile.theme-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}photoswipe/css/photoswipe.css" />

        <link rel="stylesheet" type="text/css" href="{path='styles/m'}" />

        <!-- CSS Declaration -->
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile.structure-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile.theme-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}photoswipe/css/photoswipe.css" />

        <link rel="stylesheet" type="text/css" href="{path='styles/m'}" />
剧本

        <!-- CSS Declaration -->
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile.structure-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile.theme-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}photoswipe/css/photoswipe.css" />

        <link rel="stylesheet" type="text/css" href="{path='styles/m'}" />

        <!-- CSS Declaration -->
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile.structure-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile.theme-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}photoswipe/css/photoswipe.css" />

        <link rel="stylesheet" type="text/css" href="{path='styles/m'}" />
我是如何在尾波上获得文件的(我不知道Photosweep图像应该在哪里,我在不同的地方尝试过)

        <!-- CSS Declaration -->
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile.structure-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile.theme-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}photoswipe/css/photoswipe.css" />

        <link rel="stylesheet" type="text/css" href="{path='styles/m'}" />
关于我做错了什么有什么线索吗

        <!-- CSS Declaration -->
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile.structure-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile.theme-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}photoswipe/css/photoswipe.css" />

        <link rel="stylesheet" type="text/css" href="{path='styles/m'}" />
我真的很感激你能给我的每一个帮助

        <!-- CSS Declaration -->
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile.structure-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile.theme-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}photoswipe/css/photoswipe.css" />

        <link rel="stylesheet" type="text/css" href="{path='styles/m'}" />

编辑:

        <!-- CSS Declaration -->
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile.structure-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile.theme-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}photoswipe/css/photoswipe.css" />

        <link rel="stylesheet" type="text/css" href="{path='styles/m'}" />
调试

        <!-- CSS Declaration -->
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile.structure-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile.theme-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}photoswipe/css/photoswipe.css" />

        <link rel="stylesheet" type="text/css" href="{path='styles/m'}" />

        <!-- CSS Declaration -->
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile.structure-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile.theme-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}photoswipe/css/photoswipe.css" />

        <link rel="stylesheet" type="text/css" href="{path='styles/m'}" />

我使用的是Photosweep示例中的脚本,在本地对示例非常有效,但是当它将文件上传到服务器和我的应用程序代码时,我不知道我是否需要更改某些内容,或者哪些内容不支持我的javascript代码的表达式引擎

我发现了这个问题,上次更新jquery.live不起作用,我将它改为.on,它就起作用了

        <!-- CSS Declaration -->
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile.structure-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile.theme-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}photoswipe/css/photoswipe.css" />

        <link rel="stylesheet" type="text/css" href="{path='styles/m'}" />
      (function(window, $, PhotoSwipe){
            $(document).ready(function(){
                $('div.gallery-page')
                    .on('pageshow', function(e){
                        var 
                            currentPage = $(e.target),
                            options = {},
                            photoSwipeInstance = $("ul.gallery a", e.target).photoSwipe(options,  currentPage.attr('id'));
                        return true;    
                    })
                    .on('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));
以及文件夹图像,应与htmls文件位于同一文件夹中

        <!-- CSS Declaration -->
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile.structure-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile.theme-1.3.1.css" />
        <link rel="stylesheet" type="text/css" href="{site_url}photoswipe/css/photoswipe.css" />

        <link rel="stylesheet" type="text/css" href="{path='styles/m'}" />