0

プロジェクトで次のタブを使用しています。

//Tabs
$('ul.tabs').each(function(){

  var $active, $content, $links = $(this).find('a');

  $active = $links.first().addClass('active');
  $content = $($active.attr('href'));

  $links.not(':first').each(function () {
    $($(this).attr('href')).hide();
  });

  $(this).on('click', 'a', function(e){

    $active.removeClass('active');
    $content.hide();

    $active = $(this);
    $content = $($(this).attr('href'));

    $active.addClass('active');
    $content.show();

    e.preventDefault();
  });
}); //End Tabs

HTMLは次のとおりです。

<ul class='tabs'>
<li><a href='#tab1'>Tab 1</a></li>
<li><a href='#tab2'>Tab 2</a></li>
<li><a href='#tab3'>Tab 3</a></li>
</ul>
<div id='tab1'></div>
<div id='tab2'></div>
<div id='tab3'></div>

私が抱えている問題は、アクティブなタブ内で関数を実行してから、以前に実行されたコードの結果が表示される別のタブを自動的に選択したいということです。

次のタブを自動的に選択するためにクリックをシミュレートする方法がわからないので、どんな助けでも大歓迎です!

前もって感謝します。

4

1 に答える 1

1

クリックをシミュレートする簡単な方法は、.trigger()

$("#tab2").trigger("click"); //when you need in the function
于 2012-04-29T22:37:21.607 に答える