ここに記載されているのとまったく同じ問題があります:http://bugs.jqueryui.com/ticket/7930。問題は、メンテナがそれを再現できないため、チケットが閉じられていることです。私のコードは次のようになります。jqueryのUIタブのajax対応タブの事前選択
<script type="text/javascript">
$(document).ready(function() {
// assigns the value of a GET parameter called tab to tabIndex
var tabIndex = getUrlVars()['tab'];
if (isNaN(tabIndex)) {
tabIndex = 0;
}
// initializes tabs and selects the one provided in tabIndex (default: 0)
$('div#tabs').tabs({ ajaxOptions: { cache: false}, selected: tabIndex });
});
</script>
<div id="tabs">
<ul>
<li>@Html.ActionLink("User roles", "Roles", "Admin", New With {.rand = DateTime.Now.Ticks}, Nothing)</li>
<li>@Html.ActionLink("Report templates", "Reports", "Admin", New With {.rand = DateTime.Now.Ticks}, Nothing)</li>
<li>@Html.ActionLink("Blabla", "2", "Admin")</li>
<li>@Html.ActionLink("Blabla2", "3", "Admin")</li>
</ul>
</div>
これは、IDのでタブを作成します。#UI-タブ-1、#のUI-タブ-2、#のUI-タブ-3、#のUI-タブ-4。私はURL:http://server/Admin?tab=1経由でページにアクセスします。適切なタブが選択されています(レポートの2番目のタブ)が、前のタブ(ユーザロール)のhrefに対してajax呼び出しが行われます。空のタブの内容が表示されます。あなたはそれを修正する方法を知っていますか?
ajax呼び出しを担当するコードを追加できますか? – Rafay
これはUIタブによって自動的に行われます。 ULリストに要素を提供すると、hrefが取り込まれ、タブを変更すると自動的にajaxが呼び出されます。この機能を実現するためにコードを書く必要はありません。 –
jquery ui(1.8.17)の最新バージョンを使用していますか? –