我以here为例.
我在我的本地主机中尝试这样:
<select id="e1" style="width:300px">
<option value="AL">Alabama</option>
<option value="Am">Amalapuram</option>
<option value="An">Anakapalli</option>
<option value="Ak">Akkayapalem</option>
<option value="WY">Wyoming</option>
</select>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="https://code.jquery.com/ui/1.9.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/select2/3.2/select2.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/select2/3.2/select2.css"></script>
<script type="text/javascript">
$('#e1').select2({
});
</script>
但它不起作用
结果是这样的:
有什么办法可以解决我的问题吗?
谢谢
最佳答案
将 css
与 link
一起使用,而不是与 script
一起使用,如下所示:
<link href="http://cdnjs.cloudflare.com/ajax/libs/select2/3.2/select2.css" rel="stylesheet"/>
同时检查 select2
版本与 jquery
版本的依赖关系..
关于javascript - 为什么 select2 不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35764026/