jquery - 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 一起使用，因为它会导致这个问题。在此处阅读更多相关信息。

您将需要使用正确的 jQuery Mobile 页面事件来初始化选项卡。

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