jquery – Semantic Ui菜单不起作用

但我不能让它工作,即当我点击菜单中的项目时,活动状态不会改变.
我也没有在网上找到任何例子.

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();
});

我从semantic-ui网站上获取了代码片段.

一些帮助表示赞赏.