JQuery SlidesJS iPad链接失败，只有一张幻灯片

Question

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

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

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

如果有多张幻灯片，则链接正常。

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

Answer 1

我已经设法为ipads做了一个工作。我已经为锚点id =＆＃34; ni0＆＃34;添加了一个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>

然后我检查幻灯片的长度是否小于2。然后我手动获取锚ID的＆lt;＆＃34; ni0＆＃34;并做转发。

$( 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; }) 
 }      

});