Элемент управления JQueryUI Tab не обновляет себя
Я использую элемент управления вкладками JqueryUi и хочу обновить ту же вкладку, когда выполняю какие-либо действия на странице. В моем случае, когда я меняю значение элемента управления датой.
Я видел много примеров, когда они предлагали использовать 'load' с чем-то вроде следующего:
var selected = $('.tabs').tabs('option', 'selected');
$(".tabs").tabs('load', selected);
Это не похоже на работу. Я ожидаю, что если на этой вкладке есть какой-то код, он должен выполнить это.
У меня есть файл скрипки, чтобы продемонстрировать это:
http://jsfiddle.net/6F26M/11/. Как вы можете видеть на скрипке, я ожидаю оповещение, которое будет выполнено при выборе третьей вкладки.
Теперь, похоже, Load не делает этого.
Я также попытался заменить load на select, и это работает, если я хочу выбрать другую вкладку. но в моем случае я хотел бы иметь возможность обновить. это означает, что повторно выберите ту же вкладку, и она не работает.
1 ответ
ХОРОШО. Вот ответ:
var selectedTab = $('.tabs').tabs('option', 'selected');
$('.tabs').find('li').eq(selectedTab).removeClass('ui-tabs-selected');
$(".tabs").tabs('select', selectedTab);
Таким образом, причина в том, что он не может перевыбирать или перезагружать себя сам, потому что код не влияет на выборку, когда 'ui-tabs-selected'
устанавливается на любой элемент. Вы удаляете это вручную, и это будет работать как очарование.