语义UI下拉不起作用

Question

语义UI下拉不起作用

cco*_*der -1 javascript jquery semantic-ui

我试图处理这个问题2天,但我仍然无法使用语义UI的JavaScript工作.这是我的所有代码.我的jQuery不是很好.我已经阅读了很多,但它不起作用.

        <!DOCTYPE html>
        <html>
        <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0,
        minimum-                      scale=0.5, maximum-scale=2.0, 
        user-scalable=yes" /> <!--???-->
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" charset="utf-8">
        <title>??????</title>
        <link rel="stylesheet" type="text/css" href="css/semantic.css">
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/jquery.address.js"></script>
        <script type="text/javascript" src="js/semantic.js"></script>

        <style type="text/css">
        .diymenu{background-color: blue;margin: 0px 0px 0px 0px; padding-top:0px;}
        body{margin: 0px 0px 0px 0px;font-family: ????;}
        </style>
        <script type="text/javascript">
        $(document).ready(function(){
        $('#drop').click(function(){
        $('#drop').dropdown('show');
        });
        });
        </script>
        </head>
        <body >

        <!--???  -->
        <div class="ui  blue inverted menu">
        <a class="active item"><i class="home icon"></i>??</a>
        <div class="right menu">
        <a class="item"><i class="mail  icon"></i>??
        <div class="ui black circular   label">2</div></a>
        <a class="item"> 

        </a>
        </div>
        </div>

        <div class="ui dropdown item" id="drop">
        More <i class="dropdown icon"></i>
        <div class="menu">
        <a class="item"><i class="edit icon"></i>??????</a>
        <a class="item"><i class="globe icon"></i>????</a>
        <a class="item"><i class="settings icon"></i>????</a>
        </div>
        </div>
        </body>
        </html>

Run Code Online (Sandbox Code Playgroud)

Answer 1

Bas*_*sen 6

从http://semantic-ui.com/modules/dropdown.html#/usage上的文档中,您应该使用Javascript初始化您的下拉列表(不需要进一步的jquery代码):

$('.ui.dropdown').dropdown();

Run Code Online (Sandbox Code Playgroud)

另见http://jsfiddle.net/fd8qfyra/1/我认为没有问题.

归档时间：	11 年，1 月前
查看次数：	2616 次
最近记录：	7 年，2 月前