Priyabrata Priyabrata - 1 year ago 174
jQuery Question

Semantic Ui Menu not working

I am trying to work with semantic ui menu.

But I cannot get it to work, ie when I click the items in the menu, the active state isn't changing.
I didn't find any examples in the web either.


<div class="ui grid">
<div class="one wide row">
<div class="ui green menu">
<a class="active item">
<i class="home icon"></i> Home
<a class="item">
<i class="mail icon"></i> Messages
<div class="right menu">
<div class="item">
<div class="ui transparent icon input">
<input type="text" placeholder="Search...">
<i class="search link icon"></i>


$(document).ready(function() {
$('.ui .green .menu').menu();

I have taken the code snippet from the semantic-ui website.

Some help is appreciated.

Answer Source

here's a handler similar to the one on their demo site


screenshot: screenshot

    .on('click', '.item', function() {
      if(!$(this).hasClass('dropdown')) {
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download