gpt4 book ai didi

semantic-ui - 菜单不适用于示例代码等语义 UI

转载 作者:行者123 更新时间:2023-12-04 23:18:55 24 4
gpt4 key购买 nike

我是 Web 开发的初学者,我现在正在使用语义 ui 框架进行我的字体端开发。我已经在此链接中尝试了第一个示例菜单的示例代码。

http://semantic-ui.com/collections/menu.html

但是我的菜单不会像这样在点击时改变事件状态。我试过 $("..").menu() 方法,它显示 $(..).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');
});

关于semantic-ui - 菜单不适用于示例代码等语义 UI,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33041509/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com