0

jquery/javascriptを介してjquery uiのタブへのリンクを変更する方法はありますか?

サンプル問題はこんな感じ

タブには URL があります"http://thanksforyourhelp/greatly/appreciated/"

そのタブでフォームが送信されると、データがデータベースに書き込まれます。応答は、データベースに追加された行の ID を示します。

次回その特定のタブにアクセスすると、リンクは実際には

'http://thanksforyourhelp/greatly/appreciated/ID'

フォームからの応答 (ここでも ajax) が ID を送り返したため、ID が判明しました。この応答が来たとき、ID を含む URL を使用して現在のタブをリロードする必要があります。

JQuery 1.10 より前。このようなことができます

$("#tabs").tabs("url", index, url);

JQuery UI 1.10 以降でこれを行う方法。JQuery 1.10 で URL メソッドが削除されたので?

4

2 に答える 2

5

フォーム送信の完了でこのようなことを行います。これにより、現在アクティブなタブの URL が変更され、タブがリロードされます。

var tabs = $("#tabs");
var currentTabIndex = tabs.tabs("option", "active");
var tab = $(tabs.data('uiTabs').tabs[currentTabIndex]);
tab.find('.ui-tabs-anchor').attr('href', "http://thanksforyourhelp/greatly/appreciated/ID");
// If cached initially. Remove cache then
tab.data( "loaded", false);
tabs.tabs("load", currentTabIndex);
于 2013-07-31T04:31:05.197 に答える
1

タブの定義が原因でエラーが発生しました。次のように書き直さなければなりませんでした：

var tab = $(tabs.data()['ui-tabs'].tabs[currentTabIndex]);
于 2013-12-02T09:02:48.423 に答える