Question

首先：我找到了一些关于此的话题，但它们对我没用。 Twitter Bootstrap drop down menu not working， Bootstrap drop-down menus and tabbable tabs on Docpad

我在Netbeans IDE中构建了相同的页面并且它可以工作，但在VS 2013 Ultimate中它不起作用。

页：

<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="~/Scripts/jquery-1.9.0.js"></script>
<script src="~/Scripts/bootstrap.js"></script>
<link href="~/Content/bootstrap.css" rel="stylesheet" />
<link href="~/Content/bootstrap-theme.css" rel="stylesheet" />
<script>
    $(document).ready(function () {
        $('.dropdown-toggle').dropdown();
    });

</script>
</head>
<body>
<div class="dropdown">
    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true">
        Dropdown
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a>   </li>
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
    </ul>
</div>
<div>TODO write content</div>
</body>
</html>

最好的问候

Answer 1

初看起来我没有看到任何错误。我用你的代码创造了一个小提琴，没有别的和它的工作。

您确定已成功加载所需的js文件吗？

Jsfiddle：http://jsfiddle.net/VDesign/61ecg41n/

<强> HTML

<div class="dropdown">
    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true">
        Dropdown
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a>   </li>
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
    </ul>
</div>
<div>TODO write content</div>

<强> JS

$(document).ready(function () {
    $('.dropdown-toggle').dropdown();
});

MVC 4中的Bootstrap - ＆gt;下拉不起作用

1 个答案: