我是web开发的初学者,现在我正在使用semantic-ui框架进行字体结束开发.我在这个链接上尝试了第一个示例菜单的示例代码.
http://semantic-ui.com/collections/menu.html
但我的菜单不会像点这样改变点击活动状态.我尝试过$("..").menu()方法,它显示$(..).菜单不是一个函数.我想知道你是否可以提供帮助我请.我必须编写我的自定义Javascript代码,以便在点击或悬停时更改活动状态.这是我的代码
<!DOCTYPE html>
<html lang="">
<head>
<script src="jquery.js"></script>
<link rel="stylesheet" type="text/css" href="Semantic-UI-master/dist/semantic.min.css">
<script src="Semantic-UI-master/dist/semantic.min.js"></script>
<style>
</style>
</head>
<div class="ui three item menu">
<a class="item">Editorials</a>
<a class="item">Reviews</a>
<a class="item active">Upcoming Events</a>
</div>
</html>
用这个:
$('.ui .item').on('click', function() {
$('.ui .item').removeClass('active');
$(this).addClass('active');
});
| 归档时间： |
|
| 查看次数： |
3423 次 |
| 最近记录： |