Question

我是语义UI的新手，我只是从官方网站复制/粘贴了示例代码。右菜单工作正常，但是，无论我如何将JavaScript添加到.ui.text.menu或ui.flowing.basic.admission.popup中，我都无法获得左侧主菜单下拉菜单。我该怎么办，请告知。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="./semantic/dist/semantic.min.css" rel="stylesheet" type="text/css">
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="./semantic/dist/semantic.min.js"></script>
    <title>Title</title>
</head>
<body>
<div class="ui text menu">
    <div class="item">
        <img src="/images/new-school.jpg">
    </div>
    <a class="browse item">
        Browse Courses
        <i class="dropdown icon"></i>
    </a>
    <div class="ui right dropdown item">
        More
        <i class="dropdown icon"></i>
        <div class="menu">
            <div class="item">Applications</div>
            <div class="item">International Students</div>
            <div class="item">Scholarships</div>
        </div>
    </div>
</div>
<div class="ui flowing basic admission popup">
    <div class="ui three column relaxed divided grid">
        <div class="column">
            <h4 class="ui header">Business</h4>
            <div class="ui link list">
                <a class="item">Design &amp; Urban Ecologies</a>
                <a class="item">Fashion Design</a>
                <a class="item">Fine Art</a>
                <a class="item">Strategic Design</a>
            </div>
        </div>
        <div class="column">
            <h4 class="ui header">Liberal Arts</h4>
            <div class="ui link list">
                <a class="item">Anthropology</a>
                <a class="item">Economics</a>
                <a class="item">Media Studies</a>
                <a class="item">Philosophy</a>
            </div>
        </div>
        <div class="column">
            <h4 class="ui header">Social Sciences</h4>
            <div class="ui link list">
                <a class="item">Food Studies</a>
                <a class="item">Journalism</a>
                <a class="item">Non Profit Management</a>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript">
    $('.ui.text.menu').dropdown();
    $('.ui.right.dropdown.item').dropdown();
</script>
</html>

语义UI菜单未显示下拉菜单

0 个答案: