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