1

基本的に、現在選択されているタブをクリックできるようにする必要があります (つまり、リンクがまだアクティブである必要があります)。

タブ内のコンテンツは ajax を介して読み込まれ、変更される可能性があるため、ユーザーがタブをもう一度クリックしてコンテンツを「更新」できる方法です。ただし、既定の設定では、タブを選択するとクリックできなくなるため、ユーザーは別のタブをクリックしてからコンテンツを更新する必要があります。

助けていただければ幸いです。

4

2 に答える 2

0

タブプラグインは、タブがクリックされたときに「tabsselect」イベントを発生させます。コールバックを登録します。その2番目のパラメーターには、現在のタブを確認できる「tab」プロパティがあります。

jQuery('#tabs-container').bind('tabsselect', function(e, tabsContainer) {

   jQuery(tabsContainer.tab).attr('href'));
});

編集済み:

タブが実際に変更されたときにのみ起動します。たぶん、tabs構造内のアンカー要素にバインドし、ui-tabs-selectedクラスをチェックします。タブプラグインに関する適切なドキュメントがあります:http: //docs.jquery.com/UI/Tabs

だいたい:

jQuery('#tabs-container a').bind('click', function() {
    if(jQuery(e.target).hasClass('ui-tabs-selected')) {
        // do some stuff
    }
});
于 2009-11-13T21:06:32.730 に答える
0

このように、タブへのアンカーの onclick イベントを定義して、リロードまたは親ページに送信します。

<div id="divTab">
  <ul>
    <li><a href="#tab_1">First Tab</a></li>
    <li><a href="#tab_2" style="cursor:pointer;" onclick="window.location.reload();">Second Tab</a>
    </li>
    <li><a href="#tab_3" style="cursor:pointer;" onclick="window.location.replace('url');">Third Tab</a>
    </li>
  </ul>
</div>
于 2012-06-22T18:21:07.770 に答える