• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

select2不起作用

JavaScript 来源:A.R 3次浏览

我的select2不起作用。这只是表明了多个选择框select2不起作用

<form action=""> 
<select class="js-example-basic-multiple" multiple="multiple"> 

<option value="AK">Alaska</option> 
<option value="HI">Hawaii</option> 

<option value="CA">California</option> 
<option value="NV">Nevada</option> 
<option value="OR">Oregon</option> 
<option value="WA">Washington</option> 

<option value="AZ">Arizona</option> 
<option value="CO">Colorado</option> 
<option value="ID">Idaho</option> 
<option value="MT">Montana</option> 
<option value="NE">Nebraska</option> 
<option value="NM">New Mexico</option> 
<option value="ND">North Dakota</option> 
<option value="UT">Utah</option> 
<option value="WY">Wyoming</option> 

    </select> 
</form> 
<script type="text/javascript"> 
       $(".js-example-basic-multiple").select2(); 
</script> 

错误控制台: 遗漏的类型错误:$(…)选择2是不是在HTMLDocument的一个功能 。

JS FIDDLE:

https://jsfiddle.net/y6ogss94/


===========解决方案如下:

这运行正常,如果你有正确导入 – jQuery库,选择2 JS和CSS选择2。

这里,我已经进口的jQuery 2.0.0和select2 CSS和JS从他们的CDN和正常工作:

注: 您需要执行您选择2初始化代码只有在你包含js库和DOM已经加载后,这是大多数jQuery插件的一般做法,不仅如此。因此,在使用该代码,您应该包括jQuery和选择2脚本后写这个剧本:

<script> 
$(document).ready(function(){ 
    $(".js-example-basic-multiple").select2(); 
});//document ready 
</script> 

版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)