Hyperlink 如何在语义ui菜单中创建html链接
我是语义ui新手,为菜单项创建html链接时遇到问题,下面是我的测试代码:Hyperlink 如何在语义ui菜单中创建html链接,hyperlink,menu,semantic-ui,Hyperlink,Menu,Semantic Ui,我是语义ui新手,为菜单项创建html链接时遇到问题,下面是我的测试代码: <div class="ui blue borderless main menu"> <a href="#" class="blue item" data-vivaldi-spatnav-clickable="1"> Home </a> <a href="#" class="ui floated dropdown item" data-vivaldi-spatnav-cli
<div class="ui blue borderless main menu">
<a href="#" class="blue item" data-vivaldi-spatnav-clickable="1">
Home
</a>
<a href="#" class="ui floated dropdown item" data-vivaldi-spatnav-clickable="1">
Products
<i class="dropdown icon"></i>
<div class="menu">
<a class="item" href="http://www.google.com">Google</a>
<a class="item" href="http://www.zdnet.com">Zdnet</a>
</div>
</a>
我看到的是:
家用产品>谷歌Zdnet
我希望Google和Zdnet显示为产品项:
家庭|产品||谷歌|
|Zdnet| 有人能告诉我需要对代码做什么才能实现这一点吗
谢谢请确保在
部分(首先是jQuery!)中包含jQuery
和semantic.min.js
库
产品
$('.ui.dropdown').dropdown();
我尝试了您建议的更改,但仍然无法在下拉菜单中显示项目,它们仍然显示在主菜单上。谢谢,现在我可以使用了。似乎将下拉脚本放在标题之外和jquery一样重要。
<html>
<head>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.7/semantic.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.7/semantic.min.js"></script>
</head>
<body>
<div class="ui blue borderless main menu">
<a href="#" class="blue item" data-vivaldi-spatnav-clickable="1">Home</a>
<div class="ui dropdown item" data-vivaldi-spatnav-clickable="1">
Products
<i class="dropdown icon"></i>
<div class="menu">
<a class="item" href="http://www.google.com">Google</a>
<a class="item" href="http://www.zdnet.com">Zdnet</a>
</div>
</div>
</div>
<script>
$('.ui.dropdown').dropdown();
</script>
</body>
</html>