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标签的相似之处。

jquery移动标签无法正常工作

1 个答案: