JQuery-UI / JQuery选项卡不刷新

Question

I have recently upgraded from jquery 1.4 to Jquery 1.10.1 and jquery-UI to version 1.10.3 and now my refresh tabs functionality is not working.

Here is what I had

$('#tabs').tabs('load', $('#tabs').tabs('option', 'selected'));

I have looked online for specific ways to achieve this using the versions I have with no luck and other exampes like using declaring the index dont seem t work.

I have stuck an alert on $("#tabs").tabs("option", "selected"); to what value it is getting and this is always null which indicated the problem is with this statement

Ho do you refresh jquery tabs in the versions I am using?

Answer 1

Try using the tab's .refresh() method which was added in 1.9 .

refresh()

Process any tabs that were added or removed directly in the DOM and recompute the height of the tab panels.

Ex:

$("#tabs").tabs("refresh");

Answer 2

The second answer to this question helped me fix the issue:

jQuery UI Tabs Get Currently Selected Tab Index

In JQuery 1.9 the selected key word was changed to 'active'

$('#tabs').tabs('load', $('#tabs').tabs('option', 'active'));