简体   繁体   English

jQuery,引导下拉菜单问题

[英]jQuery, issue with bootstrap dropdown

I'm trying to build a dynamic dropdown menu following http://labs.abeautifulsite.net/jquery-dropdown/ 我正在尝试在http://labs.abeautifulsite.net/jquery-dropdown/之后建立一个动态下拉菜单

So my code is: 所以我的代码是:

<html>
    <head>
        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
    </head>
<body>
<p>
        <a href="#" data-dropdown="#dropdown-1">Here’s a link</a>
        and here’s a button <input type="button" value="Dropdown" data-dropdown="#dropdown-1" class="">
        and here’s a <span class="example" data-dropdown="#dropdown-1">span</span>
    </p>
<div id="dropdown-1" class="dropdown dropdown-tip" style="display: block; left: 204.671875px; top: 1373.265625px;">
        <ul class="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="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>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
</body>
</html>

But nothing happens and I really don't understand why. 但是什么也没发生,我真的不明白为什么。

Download project files and include them in your project. 下载项目文件,并将其包含在您的项目中。 the order of included files is important: 包含文件的顺序很重要:

<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

<link type="text/css" rel="stylesheet" href="jquery.dropdown.css" />
<script type="text/javascript" src="jquery.dropdown.js"></script>

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM