jquery移动标签不起作用

Question

我正在使用 jquery 移动选项卡显示两个选项卡，但问题是默认显示第二个选项卡，我希望默认显示第一个选项卡。另外，当我点击另一个选项卡时，什么也没有发生......

有谁知道怎么回事？

教程链接：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 选项卡的相似之处。