Semantic UI Callback for tabs

Question

I am referring this document: http://semantic-ui.com/modules/tab.html#/settings

As per the document I should be able to perform callbacks on tab visible. But I am missing some points as a result of which my alert is not coming up.

Here is a working code snippet: http://codepen.io/anon/pen/YXvXKG

My JS

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

Appreciate if anybody can help me on this!

Answer 1

You are using an outdated version of Semantic UI. The documentation is for a newer version of Semantic. Consider updating to a 2.x version.

Here is a working JSFiddle with your code: https://jsfiddle.net/xn7aref8/1/

This works in newer versions of Semantic.

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