基本的に、現在選択されているタブをクリックできるようにする必要があります (つまり、リンクがまだアクティブである必要があります)。
タブ内のコンテンツは ajax を介して読み込まれ、変更される可能性があるため、ユーザーがタブをもう一度クリックしてコンテンツを「更新」できる方法です。ただし、既定の設定では、タブを選択するとクリックできなくなるため、ユーザーは別のタブをクリックしてからコンテンツを更新する必要があります。
助けていただければ幸いです。
基本的に、現在選択されているタブをクリックできるようにする必要があります (つまり、リンクがまだアクティブである必要があります)。
タブ内のコンテンツは ajax を介して読み込まれ、変更される可能性があるため、ユーザーがタブをもう一度クリックしてコンテンツを「更新」できる方法です。ただし、既定の設定では、タブを選択するとクリックできなくなるため、ユーザーは別のタブをクリックしてからコンテンツを更新する必要があります。
助けていただければ幸いです。
タブプラグインは、タブがクリックされたときに「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
}
});
このように、タブへのアンカーの 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>