jquery - JQuery SlidesJS iPad 链接因一张幻灯片而失败

Question

我知道这是一个特定的设备问题，并且感谢不是每个人都会有 ipad 进行测试。

SlidesJS 3.0.3 插件还有另一个问题。如果我有一张幻灯片，它在 ipad 上显示正常，但是当您单击它时，幻灯片变为空白并且链接不起作用。

http://blahblahdev.atwebpages.com/rotator-ipad.html

如果有不止一张幻灯片，则链接可以正常工作。

编辑我注意到，如果您按下播放按钮（使用任何浏览器），那么幻灯片就会消失 - 这可能与 ipad 的问题相同。

Answer 1

我已经设法为 ipad 解决了问题。我在锚点 id="ni0" 中添加了一个 id。

<div class="slide">
    <a id="ni0" href="http://www.google.co.uk">
         <img src="img/rotator1.png" alt="Slide 1">
    </a>                        
    <p class="caption" style="bottom:0">
         <p>Rotator 1</p>
         <p>Rotator 1 text goes here.</p>
    </p>

</div>

然后我检查幻灯片的长度是否小于两个。然后我手动获取锚 id="ni0" 的 href 并进行转发。

$( document ).ready(function() {

 if($(".slide").length < 2 )
 {
    // Single slide fix for ipad
    // Manually forward tap to url of slide
    $('#slides').click(function(){ window.location = document.getElementById("ni0").href; }) 
 }      

});