2014-12-03 73 views
0

我知道這是一個特定的設備問題,並非所有人都會用ipad來測試。JQuery SlidesJS iPad鏈接失敗,只有一張幻燈片

我有SlidesJS 3.0.3插件的另一個問題。如果我有一張幻燈片,它會在iPad上顯示正常,但是當您單擊它時,幻燈片會變爲空白,並且鏈接不起作用。

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

如果有多個幻燈片的鏈接工作正常。

編輯 我注意到,如果您按下播放按鈕(使用任何瀏覽器),那麼幻燈片會消失 - 這可能與我對ipad有同樣的問題。

+0

爲什麼你有一個滑塊,如果你只有一個幻燈片?一種解決方法是添加同一張幻燈片兩次,如果您只需要一張幻燈片但希望保留滑塊而不用圖像容器進行更改。 – Alin 2014-12-03 11:08:11

+0

這只是一個示例頁面,我在cms站點上使用它,輪轉頁面上的頁面可能會過期,只剩下一個項目。 – Scott 2014-12-03 11:14:21

回答

0

我已經成功地爲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; }) 
}  

});