photoswipe赢得't返回到原始页面

photoswipe won't return to the original page

本文关键字:原始 返回 赢得 photoswipe      更新时间:2023-09-26

当我点击一个项目时,我正在使用photoswipe来显示我的图库。

我的标记

<ul id="gallery_mobile_about">
        <li>
            <a href="/files/uploads/Detalle-Magrana.jpg" style="background-image: url('/files/uploads/Detalle-Magrana.jpg');" data-iframe="" data-pos="0" data-url="/files/uploads/Detalle-Magrana.jpg" class="gallery-item ui-link"></a>
        </li>
    <li>
            <a href="/files/uploads/Figues-de-Moro.jpg" style="background-image: url('/files/uploads/Figues-de-Moro.jpg');" data-iframe="" data-pos="1" data-url="/files/uploads/Figues-de-Moro.jpg" class="gallery-item ui-link">
            </a>
        </li>
        <li>
            <a href="/files/uploads/Cala-Deià-50x30cm1-1024x782.jpg" style="background-image: url('/files/uploads/Cala-Deià-50x30cm1-1024x782.jpg');" data-iframe="" data-pos="2" data-url="/files/uploads/Cala-Deià-50x30cm1-1024x782.jpg" class="gallery-item ui-link">
            </a>
        </li>
    <li>
            <a href="/files/uploads/Deia-Church-on-Cala-rock.jpg" style="background-image: url('/files/uploads/Deia-Church-on-Cala-rock.jpg');" data-iframe="" data-pos="3" data-url="/files/uploads/Deia-Church-on-Cala-rock.jpg" class="gallery-item ui-link">
            </a>
        </li>
</ul>

js

$(document).ready(function(){
    var myPhotoSwipe = $("#gallery_mobile_about a").photoSwipe(
    { enableMouseWheel: false , 
        enableKeyboard: false } 
    );                  
});

问题是,即使画廊似乎加载了,作为后台,我也会看到一个文本为"未定义"的白色页面,关闭画廊页面时,页面将保持为该白色页面(不会返回到原始视图)

结果(点击一张图片,上面写着图库中的5个项目):http://deia.info/m/?lan=2&task=view_post&catid=14&blogid=25

我在这里好像少了什么?

添加rel="external"解决了此

我已经准备好了属性rel="external",正在尝试这对我有用的东西。

        var myPhotoSwipe = $("#Gallery a").photoSwipe({
            //your others attributes
            target: 'html'
        });