JQuery Tabs не работает в мобильных браузерах

Question

JQuery Tabs не работает в мобильном браузере (IPhone, браузер Samsung и т. Д.). Я проверяю, что сафари работает нормально, но не работает должным образом в браузере Safari Safari.

<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 Mobile, так как это может вызвать эти проблемы. Узнайте больше об этом here.

Для инициализации вкладки вам нужно будет использовать надлежащее событие jQuery Mobile.

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