我正在尝试使用语义 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();
});
我从语义用户界面网站获取了代码片段。
感谢一些帮助。
这是一个类似于他们演示网站上的处理程序
DEMO http://codepen.io/presstep/pen/148861909e6f528842ee354283a6a4c5
screenshot:
$('.ui.green.menu')
.on('click', '.item', function() {
if(!$(this).hasClass('dropdown')) {
$(this)
.addClass('active')
.siblings('.item')
.removeClass('active');
}
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)