我正在使用语义UI为我的项目创建菜单。我试图添加活动类作为链接的链接,但是它不起作用。
我试图对npm i语义-ui --save进行处理,因为我认为菜单没有完全显示出来,所以我遇到了问题。我得到了CDN,并尝试了一些解决方案,但没有任何效果。
html
<div class="ui secondary pointing menu">
<a class="item huge header active" href="/">
Company Name
</a>
<a class="item" href="/classes">
Link 2
</a>
</div>
jQuery
<script type="text/javascript" style="data-role="none";">
$(document).ready(function() {
$('.ui.menu a').click(function(event) {
$('.active').removeClass('active');
$(this).addClass('active');
event.preventDefault();
});
});
</script>
event.preventDefault()阻止链接加载,但确实将活动类移至所需的下一个链接,但未显示该链接的内容。
我希望在单击链接时更改链接类,并且也希望显示链接的内容。非常感谢。