我使用 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 }
);
});
问题是，即使图库似乎已加载，作为背景，我也会看到一个带有文本“未定义”的白色页面，并且在关闭图库页面时将保留该白色页面(是不返回到原始 View )
结果(点击一张图片，其中显示图库中有 5 个项目):http://deia.info/m/?lan=2&task=view_post&catid=14&blogid=25
我在这里似乎缺少什么？
最佳答案
添加 rel="external" 解决了这个问题
关于javascript - photoswipe 不会返回到原始页面，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14922793/