Question

我使用以下代码显示标签

<div data-role="tabs" style="padding: 0px;">
<div data-role="navbar" id="filters">
    <ul>
        <li><a href="#Cuisine" data-ajax="false">Cuisine</a>
        </li>
        <li><a href="#Course" data-ajax="false">Course</a>
        </li>
        <li><a href="#search" data-ajax="false">Search</a>
        </li>
    </ul>
</div>
<div id="Cuisine">
    <div class="ui-grid-a">
        <div class="ui-block-a">
            <label>
                <input type="radio">Southern</label>
        </div>
        <div class="ui-block-b">
            <label>
                <input type="radio">Italian</label>
        </div>
        <div class="ui-block-b">
            <label>
                <input type="radio">Mexican</label>
        </div>
    </div>
</div>
<div id="Course">
    <div class="ui-grid-a">
        <div class="ui-block-a">
            <label>
                <input type="radio">American</label>
        </div>
        <div class="ui-block-b">
            <label>
                <input type="radio">Mexican</label>
        </div>
        <div class="ui-block-b">
            <label>
                <input type="radio">French</label>
        </div>
        <div class="ui-block-b">
            <label>
                <input type="radio">Cajun & Creole</label>
        </div>
        <div class="ui-block-b">
            <label>
                <input type="radio">Southern</label>
        </div>
    </div>
</div>


<div id="search">
    Search
</div>

我需要做什么才能显示第一个标签。我希望所有标签都关闭。

我试过了：

$(function(){

    $('#Cuisine').hide();

})

它没有显示第一个标签内容，但是如果我点击第一个标签页它不起作用，因为他的状态是活动的。如果我点击第二个标签然后第一个标签就可以了。

谢谢，拉杜

Answer 1

看起来以下代码将完成这项工作

$('#filters').tabs({collapsible: true, active: false})

jQuery mobile标签在加载时关闭所有标签

1 个答案: