0

私は2つのタブTAB 1とTAB 2を持っています.今、私は毎回ページをロードするときにデフォルトでアクティブにTAB 1を表示したいと思います. どうすればいいですか？jquery Mobile を使用して、モバイル用のアプリケーションを開発しています。

<script type="text/javascript">
    $('div[data-role="navbar"] a').live('click', function () {
    $(this).addClass('ui-btn-active');
    $('div.content_div').hide();
    $('div#' + $(this).attr('data-href')).show();
    });
    </script>

    <div data-role="navbar">
        <ul>
                <li><a href="#" data-href="a" class="tabbs " >TAB 1</a></li>
                <li><a href="#" data-href="b" class="tabbs" >TAB 2</a></li>
        </ul>
        </div><!-- /navbar -->
    <div id="a" class="content_div"> </div>
    <div id="b" class="content_div" > </div>

事前に感謝します!!!

4

3 に答える 3

0

idを使用し$(window).load() ます。次に、そのIDを使用して最初の子を見つけ、それを使用してクラスを追加します..うまく機能します.ul

$(window).load(function{
$('UL_ID li: first-child').addClass('class_Name');
});
于 2013-01-21T07:26:24.447 に答える
0

クラスを最初の要素に追加して、docment.ready でアクティブにすることができます。クリック イベントでも、以前に選択したタブを選択解除する必要があります。

ライブデモ 

<script type="text/javascript">
    prevTab = $('div[data-role="navbar"] a');    
    prevTab.eq(0).addClass('ui-btn-active'); //Selects first tab.

     $('div[data-role="navbar"] a').live('click', function () {
       prevTab.removeClass('ui-btn-active'); 
       $(this).addClass('ui-btn-active');
       $('div.content_div').hide();
       $('div#' + $(this).attr('data-href')).show();
       prevTab = $(this);
     });

</script>
于 2013-01-21T06:47:00.340 に答える
0

ui-btn-activeHTML の最初のタブにクラスを追加し、コンテンツ div を表示する別のクラスを追加しないのはなぜですか?

このフィドルを参照してください：http: //jsfiddle.net/YEqBh/1/（jQueryも少し編集しました）（更新されたリンクをおっと）

于 2013-01-21T06:50:17.900 に答える