JQuery SlidesJS iPad 链接因一张幻灯片而失败答案

【问题标题】：JQuery SlidesJS iPad link fails with one slideJQuery SlidesJS iPad 链接因一张幻灯片而失败
【发布时间】：2014-12-03 19:59:42
【问题描述】：

我知道这是一个特定的设备问题，但不是每个人都会有 ipad 来测试。

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

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

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

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

【问题讨论】：

如果你只有一张幻灯片，为什么还要有一个滑块？一种解决方法是，如果您只需要一张幻灯片但想要保留滑块而不是使用图像容器更改它，则将同一张幻灯片添加两次。
这只是一个示例页面，我在一个 cms 网站上使用它，其中旋转器上的页面可能会过期，只留下一个项目。

标签： jquery slidesjs

【解决方案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; }) 
 }      

});

【讨论】：