javascript - Semantic UI Callback for tabs

I am referring this document: .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 ing up.

Here is a working code snippet:

My JS

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

Appreciate if anybody can help me on this!

I am referring this document: http://semantic-ui./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 ing 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!

Share Improve this question asked Jul 13, 2015 at 12:33 Cyril Cherian 32.3k7 gold badges48 silver badges55 bronze badges

Add a ment |

1 Answer 1

Sorted by: Reset to default 6

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/xn7aref8/1/

This works in newer versions of Semantic.

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