Asp.net core ASP.Net Core Razor页面中的引导Multiselect在单击时不显示下拉列表

Asp.net core ASP.Net Core Razor页面中的引导Multiselect在单击时不显示下拉列表,asp.net-core,razor-pages,bootstrap-multiselect,Asp.net Core,Razor Pages,Bootstrap Multiselect,我无法使引导multiselect下拉列表在我的视图中工作。我只是在这里看到按钮的图片 但是,单击它不会触发出现下拉列表 下面是我的代码片段和包含的css/js文件。我在浏览器开发工具中没有发现任何错误。我遗漏了什么吗 <select id="example-getting-started" multiple="multiple"> <option value="cheese">Cheese</option> <option value

我无法使引导multiselect下拉列表在我的视图中工作。我只是在这里看到按钮的图片

但是,单击它不会触发出现下拉列表

下面是我的代码片段和包含的css/js文件。我在浏览器开发工具中没有发现任何错误。我遗漏了什么吗

<select id="example-getting-started" multiple="multiple">
    <option value="cheese">Cheese</option>
    <option value="tomatoes">Tomatoes</option>
    <option value="mozarella">Mozzarella</option>
    <option value="mushrooms">Mushrooms</option>
    <option value="pepperoni">Pepperoni</option>
    <option value="onions">Onions</option>
</select>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css"
      rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link href="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/css/bootstrap-multiselect.css" rel="stylesheet" type="text/css" />
<script src="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js" type="text/javascript"></script>
<!-- Initialize the plugin: -->
<script type="text/javascript">
    $('#example-getting-started').multiselect();
</script>

奶酪
西红柿
莫泽雷勒干酪
蘑菇
意大利 辣味 香肠
洋葱
$(“#示例入门”).multiselect();

您使用的是CSS和JS的CDN,但顺序不正确,这就是它不起作用的原因。请检查此代码,它对我起作用

    <link href="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/css/bootstrap-multiselect.css" rel="stylesheet" type="text/css" />
<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css"
      rel="stylesheet" type="text/css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>

<script src="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js" type="text/javascript"></script>
<!-- Initialize the plugin: -->
<script type="text/javascript">
    $(document).ready(function() {
        $('#example-getting-started').multiselect();
    });
</script>

<select id="example-getting-started" multiple="multiple">
    <option value="cheese">Cheese</option>
    <option value="tomatoes">Tomatoes</option>
    <option value="mozarella">Mozzarella</option>
    <option value="mushrooms">Mushrooms</option>
    <option value="pepperoni">Pepperoni</option>
    <option value="onions">Onions</option>
</select>

$(文档).ready(函数(){
$(“#示例入门”).multiselect();
});
奶酪
西红柿
莫泽雷勒干酪
蘑菇
意大利 辣味 香肠
洋葱

您好,我也有同样的问题。我粘贴了你的代码仍然不起作用,不知道你说的“没有找到正确的顺序”是什么意思。你能详细说明一下吗?谢谢@Hafiz,我后来才知道你所说的“遵循命令”是什么意思。在css出现之前,我一开始就粘贴了javascript,效果很好。:)