2016-03-03 149 views
0

我以here为例。为什么select2不能正常工作?

我尝试在我的本地主机这样的:

<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> 

但它不工作

的结果是这样的:

enter image description here

任何解决方案来解决我的问题呢?

谢谢

回答

6

包括csslink并不如下面script

<link href="http://cdnjs.cloudflare.com/ajax/libs/select2/3.2/select2.css" rel="stylesheet"/> 

同时检查的select2版本的依赖与jquery版本..

+0

它的工作。谢谢 –

+0

任何时候......快乐编码... :)不要忘记点击答案旁边的正确标记..;) –

+0

我需要你的帮助。看看这里:http://stackoverflow.com/questions/37209847/how-to-send-parameter-json-array-when-modal-open –