Элемент управления 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' устанавливается на любой элемент. Вы удаляете это вручную, и это будет работать как очарование.

Другие вопросы по тегам