Chosen.js不适用于多项选择

Question

我有以下示例代码。

<select data-placeholder="Choose a country..." multiple class="chosen-select">
<option value=""></option>
<option value="United States">United States</option>
<option value="United Kingdom">United Kingdom</option>
<option value="Afghanistan">Afghanistan</option>
<option value="Albania">Albania</option>
</select>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"> 
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.6.1/chosen.jquery.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.6.1/chosen.css" />

<script>
$(document).ready(function () {
    $(".chosen-select").chosen();
});
</script>

将得到以下图片。关于为什么这行不通的任何见解？我已经在Chrome和IE中尝试过，以供参考。控制台显示“选择的不是功能”。

更新：

知道了。如果您使用的是Asp.net，请确保脚本已正确加载。此处的最佳答案将有所帮助：

jquery Chosen plugin in Asp.net MVC 4 does not show in the view