Jquery 탭이 모바일 브라우저에서 작동하지 않습니다.

Question

Jquery 탭이 모바일 브라우저 (IPhone, 삼성 브라우저 등)에서 작동하지 않습니다. 사파리가 정상적으로 작동하는지 확인하지만 아이폰 사파리 브라우저에서는 제대로 작동하지 않습니다.

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">Info</a></li> 
     <li><a href="#tabs-2">Features</a></li> 
    </ul> 
    <div id="tabs-1"> 
     Lorem ipsum dolor sit amet... 
    </div> 
    <div id="tabs-2"> 
     Lorem ipsum dolor sit amet... 
    </div> 
</div> 

<script type="text/javascript"> 
    $(function() { 
     $("#tabs").tabs(); 
    }); 
</script> 

Answer 1

근무 예 : http://jsfiddle.net/Gajotres/Q2f4m/

문제가되지 브라우저에서, 문제는이 문제를 일으킬 수 있기 때문에 $(function() {에, 그것은 jQuery를 모바일로 사용되어서는 안된다. 그것에 대해 자세히 알아보십시오 here.

적절한 jQuery Mobile 페이지 이벤트를 사용하여 탭을 초기화해야합니다.

$(document).on('pagebeforeshow', '#index', function(){ 
    $("#tabs").tabs();  
});