我遇到了Fancybox的一个非常奇怪的问题。我已经使用过这几百次了,之前从未遇到过这个问题。
我正在做的很简单。我正在使用简单方法设置data-fancybox-href
属性,然后加载模态。
它在我的本地设置和生产中都适用于桌面。但出于某种原因,使用我的iOS模拟器,我无法显示内容; “请求的内容无法加载。请稍后再试”消息显示。
当我手动将它们输入到iOS模拟器时,会出现图像和href。这是一个非常奇怪的问题。
使用Javascript:
$(".fancybox").fancybox({
openEffect: 'elastic',
closeEffect: 'none'
});
HTML:
<a data-fancybox-href="images/pic/0185.jpg" class="fancybox stripimg"><img src="images/pic/r/0185@2x.jpg" /></a>
<a data-fancybox-href="images/pic/0106.jpg" class="fancybox stripimg"><img src="images/pic/r/0106@2x.jpg" /></a>
<a data-fancybox-href="images/pic/0012.jpg" class="fancybox stripimg"><img src="images/pic/r/0012@2x.jpg" /></a>
<a data-fancybox-href="images/pic/0175.jpg" class="fancybox stripimg"><img src="images/pic/r/0175@2x.jpg" /></a>
<a data-fancybox-href="images/pic/0124.jpg" class="fancybox stripimg"><img src="images/pic/r/0124@2x.jpg" /></a>
使用Bower的最新版本和最新的jQuery。我看到一些帖子发现问题可能来自加载jQuery不止一次;在我的设置上并非如此。
奇怪的是,当我设置type: "iframe"
时,内容确实加载得很好。