2014-12-03 2 views
0

저는 이것이 특정 장치 문제라는 것을 알고 있으며 모든 사람이 테스트 할 ipad를 가지고 있지 않다는 것을 알고 있습니다.JQuery SlidesJS iPad 링크가 하나의 슬라이드에서 실패 함

SlidesJS 3.0.3 플러그인에 또 다른 문제가 있습니다. 하나의 슬라이드가있는 경우 ipad에서 ok로 표시되지만 슬라이드를 클릭하면 슬라이드가 비어서 링크가 작동하지 않습니다. 하나 개 이상의 슬라이드가 있다면

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

링크는 잘 작동합니다.

EDIT 나는 어떤 브라우저를 사용하여 재생 버튼을 누르면 슬라이드가 사라진다는 것을 알았습니다. 이것은 ipad와 같은 문제 일 수 있습니다.

+0

슬라이드에 슬라이드가 하나만있는 이유는 무엇입니까? 한 가지 해결 방법은 하나의 슬라이드 만 필요하지만 슬라이더를 유지하고 이미지 컨테이너로 변경하지 않으려는 경우 동일한 슬라이드를 두 번 추가하는 것입니다. – Alin

+0

이것은 로테이터의 페이지가 하나의 항목 만 남겨두고 만료 될 수있는 CMS 사이트에서 사용하는 샘플 페이지입니다. – Scott

답변

0

나는 ipads를 위해 제자리에 일을 처리 해왔다. 앵커 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보다 작은 지 확인합니다. 나는 수동으로 앵커 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; }) 
}  

}); 
관련 문제