如何在 ASP MVC 项目中正确使用引导选择答案

【问题标题】：How to properly use bootstrap-select in a ASP MVC project如何在 ASP MVC 项目中正确使用引导选择
【发布时间】：2014-11-28 19:57:01
【问题描述】：

我在使用 bootstrap-select 时遇到问题，控制台在 .selectpicker() 上显示“未定义”；链接位于视图的顶部，底部的脚本位于 twitter 引导调用（CSS 和 JS 均通过 CDN）旁边。这是捆绑问题吗？

<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel=" stylesheet"/>
<link href="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.2/css/bootstrap-select.min.css" rel="stylesheet" />'

<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel=" stylesheet"/>
<link href="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.2/css/bootstrap-select.min.css" rel="stylesheet" />

<select id="selectFile" class="form-control selectpicker" data-style="btn-success" required>
   <option selected="selected" disabled>Select..</option>
   <option id="1">From File (Excel)</option>
   <option id="2">SQL DB (Contpaq)</option>
</select>

<script src="~/Scripts/jquery-1.11.1.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/js/bootstrap-select.js"></script>

$(document).ready(function () {

    $('.selectpicker').selectpicker();

    $('select.selectpicker').on('change', function () {
        var selected = $('.selectpicker option:selected').val();
        alert(selected);
    });
});

【问题讨论】：

标签： jquery asp.net asp.net-mvc twitter-bootstrap drop-down-menu

【解决方案1】：

由于您没有添加 jquery 引用，因此引发了此错误。

请在引用 bootstrap.js 之前添加 jquery 引用。

【讨论】：

不，我在引导参考之前有 jQuery 参考。 1.- jQuery 2.- 引导程序 3.- 引导程序选择
您能否验证您为 bootstrap-select 添加的 cdn 是否有效。当 js 未正确加载时会发生此问题。它不是捆绑的问题，因为您没有使用捆绑。请尝试使用cdn：silviomoreto.github.io/bootstrap-select/bootstrap-select.min.js
它与那个 CDN 一起工作，但为什么不能与本地文件一起工作？
通过检查浏览器的查看源代码功能来验证脚本和 css 是否已加载。

【解决方案2】：

我没有使用（以下），我不知道它，直到我谷歌了很多，现在一切正常..谢谢

@section scripts {}

【讨论】：