HTML：

Question

单击链接时，不会弹出jQuery下拉菜单。这是我的代码。

<script src="Scripts/jquery-2.1.4.min.js"></script>
<script src="Scripts/bootstrap.min.js"></script>
<link href="Content/bootstrap.min.css" rel="stylesheet" />
<link href="Content/jquery.dropdown.css" rel="stylesheet" />
<script src="Content/bootstrap-filestyle.min.js"></script>
<script src="Scripts/jquery.dropdown.js"></script>

HTML：

<a href="#" data-dropdown="#ddlDept"><span class="fa fa-2x fa-gear"></span></a>

                    <div id="ddlDept" class="jq-dropdown jq-dropdown-tip">
                        <ul class="jq-dropdown-menu">
                            <li><a href="#1">Item 1</a></li>
                            <li><a href="#2">Item 2</a></li>
                            <li><a href="#3">Item 3</a></li>
                            <li class="jq-dropdown-divider"></li>
                            <li><a href="#4">Item 4</a></li>
                            <li><a href="#5">Item 5</a></li>
                            <li><a href="#5">Item 6</a></li>
                        </ul>
                    </div>

Answer 1

您需要使用data-toggle属性而不是data-dropdown。您需要切换的内容也需要包含在div元素中。

 <ul>
 <li>
   <div class="dropdown">
 <a href="#" id="ddlDept" data-toggle="dropdown"><span class="fa fa-2x fa-gear"> </span></a> 
  <ul class="dropdown-menu" aria-labelledby="ddlDept">
    <li><a href="#1">Item 1</a></li>
    <li><a href="#3">Item 3</a></li>
    <li class="dropdown-divider"></li>
    <li><a href="#4">Item 4</a></li>
</ul>
</div>
 </li>
 </ul>

工作示例：http://jsfiddle.net/DinoMyte/5p341amh/263/

Answer 2

从jQuery Dropdown的文档中，你的容器div必须有一个唯一的id（check）和jq-dropdown类＆＃34;紧接在你的结束体标记＆＃34;之前。对于下拉菜单，div应包含类jq-dropdown-menu。 所以看起来您的唯一问题是为所有类添加前缀＆＃34; jq - ＆＃34;。包括下拉列表，下拉列表提示，下拉菜单 - 下拉菜单和下拉菜单。 http://labs.abeautifulsite.net/jquery-dropdown/

单击时没有显示jQuery下拉列表

HTML：

2 个答案: