Question

我遇到了bootstrap-select的问题，控制台说＆＃34; undefined＆＃34;在.selectpicker（）;链接位于View的顶部，底部是Script，两者都在twitter bootstrap调用旁边（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);
    });
});

Answer 1

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

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

Answer 2

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

@section scripts {}

如何在ASP MVC项目中正确使用bootstrap-select

2 个答案: