0
我想建立一个网站与语义ui和我有下拉菜单的问题。我已经阅读了另外一个问题,解决方案是添加js。我已经做了,但下拉仍然不起作用语义用户界面下拉列表仍然不工作后js添加
这是我的代码。我在做什么错
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Semantic Ui</title>
<link rel="stylesheet" href="semantic/dist/semantic.min.css">
</head>
<body>
<div id="navbar" class="ui stackable menu">
<div class="item">
<img src="assets/images/logo.png">
</div>
<a class="item active" href="">Page1</a>
<div class="ui dropdown item">
Dropdown
<i class="dropdown icon"></i>
<div class="menu">
<div class="item">Drop 1</div>
<div class="item">Drop 2</div>
<div class="item">Drop 3</div>
</div>
</div>
<a class="item" href="">Page2</a>
<a class="item" href="">Page3</a>
<a class="item" href="">Page4</a>
</div>
<script src="semantic/dist/semantic.min.js"></script>
<script>
$('.ui.dropdown').dropdown();
</script>
</body>
</html>
现在下拉菜单可以工作,但为什么我应该点击这个打开?可以在悬停的情况下完成吗? – Dion
关于语义ui网站它与徘徊 – Dion
@Dion添加类“简单”到您的父div。见https://stackoverflow.com/questions/23250093/semantic-ui-dropdown-on-hover – ktyminski