Jquery Tabs无法在移动浏览器上运行

Question

Jquery Tabs无法在移动浏览器（iPhone，三星浏览器等）上运行。我检查safari工作正常但在IPhone 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();      
});