语义Ui菜单不起作用 [英] Semantic Ui Menu not working

问题描述

我正在尝试使用语义ui菜单.

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.

HTML:

<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>
                <a class="item">
                    <i class="mail icon"></i> Messages
                </a>
                <div class="right menu">
                    <div class="item">
                        <div class="ui transparent icon input">
                            <input type="text" placeholder="Search...">
                            <i class="search link icon"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

JS:

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

我已经从语义UI网站获取了代码段.

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

感谢您的帮助.

推荐答案

这是一个类似于其演示站点上的处理程序的处理程序

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

屏幕截图:

  $('.ui.green.menu')
    .on('click', '.item', function() {
      if(!$(this).hasClass('dropdown')) {
        $(this)
          .addClass('active')
          .siblings('.item')
            .removeClass('active');
      }
    });

这篇关于语义Ui菜单不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！