Question

我在点击某个项目时使用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-Deià-50x30cm1-1024x782.jpg" style="background-image: url('/files/uploads/Cala-Deià-50x30cm1-1024x782.jpg');" data-iframe="" data-pos="2" data-url="/files/uploads/Cala-Deià-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 } 
    );                  
});

问题即使画廊似乎加载了，作为背景我看到一个带有文字'undefined'的白页，关闭画廊页面将保留为这个白页（是没有回到原来的观点）

结果（点击图片中显示图库中的5个项目）：http://deia.info/m/?lan=2&task=view_post&catid=14&blogid=25

我在这里似乎缺少什么？

Answer 1

添加rel="external"解决了这个

Answer 2

我已经拥有了属性rel="external"并尝试了一些适合我的方法。

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

photoswipe不会返回原始页面

2 个答案: