Семантический обратный вызов пользовательского интерфейса для вкладок

Я имею в виду этот документ: http://semantic-ui.com/modules/tab.html#/settings

В соответствии с документом я должен иметь возможность выполнять обратные вызовы на видимой вкладке. Но я упускаю некоторые моменты, в результате чего мое оповещение не появляется.

Вот фрагмент рабочего кода: http://codepen.io/anon/pen/YXvXKG.

My JS 

$('.top.menu .item').tab({'onVisible':function(){alert("Called")}});

Благодарю, если кто-нибудь может помочь мне в этом!


javascript semantic-ui
person Cyril Cherian    schedule 13.07.2015    source источник

Ответы (1)


arrow_upward
6
arrow_downward

Вы используете устаревшую версию Semantic UI. Документация предназначена для более новой версии Semantic. Рассмотрите возможность обновления до версии 2.x.

Вот рабочий JSFiddle с вашим кодом: https://jsfiddle.net/xn7aref8/1/

Это работает в более новых версиях Semantic.

$('.top.menu .item').tab({'onVisible':function(){alert("Called")}});
person Franz Payer    schedule 20.07.2015
comment
Я согласен с вами @franz Но если вы видите примеры использования semantic-ui.com/ modules/tab.html#/usage Они сделали это так же, как моя скрипка в вопросе. Я также попытался сделать так, как вы указали $('.tab').tab({'onVisible':function(){alert(Called)}}); это тоже не сработало. - person Cyril Cherian; 22.07.2015
comment
@Cyril Я внимательно посмотрел на твой код. Похоже, вы используете Semantic 0.16.1. Текущая версия 2.0.5. Ваш код работает в последней версии. Смотрите мой отредактированный ответ для рабочего JSFiddle. - person Franz Payer; 22.07.2015
comment
Спасибо! Это работает, возможно, я использовал младшую версию - person Cyril Cherian; 23.07.2015