簡體   English   中英

為什么引導下拉菜單對我不起作用?

[英]Why doesn't bootstrap dropdown menu work for me?

我似乎無法使bootstrap出現氣泡下拉列表。 我的html頭中有以下代碼:

    <script type="text/javascript" src="js/jquery-2.1.0.min.js"></script>
    <script src="processing.js" type="text/javascript"></script>
    <script src="http://d3js.org/d3.v3.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="/js/lib/bootstrap-2.0.2.js"></script>
    <link rel="stylesheet" href="bootstrap.css" type="text/css">

我的CSS中包含以下內容:

@import url('http://getbootstrap.com/dist/css/bootstrap.css');

.dropdown-menu:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.dropdown-menu:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}

在我的HTML中,我嘗試將下拉菜單與以下代碼結合使用:

<div class="dropdown">
    <button data-toggle="dropdown" id="submitButton" type="button" id="pops" >Select Populations</button>
    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                                    ...
    </ul>
</div>

@Kyle Needham是正確的,您在頁面http://servers.binf.ku.dk/hemaexplorerbeta/上的代碼中沒有bootstrap.js。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM