jquery 移动选项卡不工作

Question

我正在使用 jquery mobile 选项卡显示两个选项卡，但问题是第二个选项卡默认显示，我希望默认显示第一个选项卡。另外，当我单击另一个选项卡时，没有任何反应...

有人知道这是怎么回事吗？

教程链接:http://demos.jquerymobile.com/1.4.5/tabs/

谢谢

    <div id="map-page" data-role="tabs" data-theme="b">
        <div data-role="navbar">
            <ul>
                <li><a href="#one" data-ajax="false">Map</a></li>
                <li><a href="#two" data-ajax="false">Settings</a></li>
            </ul>
        </div>
        <div id="one" class="ui-body-d ui-content">
            <div id="map_canvas" role="main" class="ui-content">
                <!-- map loads here... -->
            </div>
        </div>
        <div id="two">
            <ul data-role="listview" data-inset="true">
                <li><a href="#">Acura</a></li>
                <li><a href="#">Audi</a></li>
                <li><a href="#">BMW</a></li>
                <li><a href="#">Cadillac</a></li>
                <li><a href="#">Ferrari</a></li>
            </ul>
        </div>
    </div>

Answer 1

我无法使用您的代码进行重现，它可以正常工作，但是您可以使用 data-active="0" 强制更改选项卡以指定第一个选项卡。

<div id="map-page" data-role="tabs" data-theme="b" data-active="0">

您可能想查看 API Docs另请注意与 jQueryUI 选项卡的相似之处。