Nivo Lightbox无法在iPhone上打开，但可以在iPad上使用

本文介绍了Nivo Lightbox无法在iPhone上打开，但可以在iPad上使用的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

这里是包含图片的URL，您可以在以下位置进行测试:

Here is a URL with images that you can test this out on:

www.imageworkshop/2013 /06/19/dance-performer-promo-photography/

要明确-一次，所有这些图像都在我的iPhone的Nivo灯箱中打开.但是，这并不一致.有一阵子，一些博客文章图片会打开，而另一些则不会.

To be clear - at one point, all these images were opening on my iPhone in the Nivo lightbox. But it has been inconsistent. For a while, some blog post images would open, others would not.

目前，它们似乎都没有在iPhone的nivo灯箱中打开-但是，它是否在iPad上工作?！

At present, none of them seem to be opening in the nivo lightbox on the iPhone - it is however, working on the iPad?!

标题中的以下代码与Nivo灯箱相关(启动灯箱并添加滑动功能):

The following code in my header is relevant to the Nivo Lightbox (initiating the lightbox and also adding swipe functionality):

<script src="<?php bloginfo('stylesheet_directory') ?>/js/nivo-lightbox.min.js"></script> <script> jQuery(document).ready(function(){ jQuery('a.jig-link').nivoLightbox({effect: 'slideRight'}); jQuery('.lightbox').nivoLightbox({effect: 'slideRight'}); }); </script> <script src="<?php bloginfo('stylesheet_directory') ?>/js/jquery.touchwipe.min.js"></script> <script> jQuery(document).ready(function(){ jQuery('body').touchwipe({ wipeLeft: function(){ jQuery(".nivo-lightbox-next").click(); }, wipeRight: function(){ jQuery(".nivo-lightbox-prev").click(); }, min_move_x: 70, min_move_y: 70, preventDefaultEvents: false }); }); </script>

这是如何包装图像的示例.如果您对为何无法正常工作有任何建议，请多多帮助！

This is an example of how the images are wrapped up. If you have any suggestions on why this isn't working I'd appreciate the help!

<div id="attachment_2143" class="wp-caption aligncenter" style="width: 570px"> <a class="lightbox" title="Dance performers: promotional dance photography" data-lightbox-gallery="gallery1" href="www.imageworkshop/wp-content/uploads/2013/06/13006-0047-Image-Workshop-Melbourne-photography.jpg"> <img class="size-large wp-image-2143 " width="560" height="560" src="www.imageworkshop/wp-content/uploads/2013/06/13006-0047-Image-Workshop-Melbourne-photography-560x560.jpg" alt="Promotional dance photography by Sharon Blance of the Image Workshop" title="Promotional dance photography by Sharon Blance of the Image Workshop"> </a> <p class="wp-caption-text">Pete & Steph</p> </div>

NIVO灯箱详细信息: 可以在此处查看javascript: github/gilbitron/Nivo-Lightbox/blob/master/nivo-lightbox.js

NIVO LIGHTBOX DETAILS: The javascript can be viewed here: github/gilbitron/Nivo-Lightbox/blob/master/nivo-lightbox.js

CSS可以在此处查看: github. com/gilbitron/Nivo-Lightbox/blob/master/nivo-lightbox.css

CSS can be viewed here: github/gilbitron/Nivo-Lightbox/blob/master/nivo-lightbox.css

推荐答案

这似乎已经解决了.我还升级到了NIVO LIGHTBOX插件的新v1.1，这可能也会有所帮助(尽管这不是直接解决问题的方法)

This appears to have resolved itself. I have also upgrade to the new v1.1 of the NIVO LIGHTBOX plugin, which might also be helping (although this was not the direct resolution to the issue)