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

我知道这是一个特定的设备问题，并非所有人都会用ipad来测试。JQuery SlidesJS iPad链接失败，只有一张幻灯片

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

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

如果有多个幻灯片的链接工作正常。

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

来源

2014-12-03 Scott

为什么你有一个滑块，如果你只有一个幻灯片？一种解决方法是添加同一张幻灯片两次，如果您只需要一张幻灯片但希望保留滑块而不用图像容器进行更改。 – Alin 2014-12-03 11:08:11

这只是一个示例页面，我在cms站点上使用它，轮转页面上的页面可能会过期，只剩下一个项目。 – Scott 2014-12-03 11:14:21

我已经成功地为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>

然后我检查幻灯片的长度小于2。然后我手动获取anchor 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; }) 
}  

});

来源

2014-12-03 11:59:42 Scott

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

回答

相关问题