为什么我的代码不工作? (使用selectize.js)

时间:2017-05-03 17:46:04

标签: selectize.js

我想使用selectize.js,但我的代码不起作用? 运行此代码显示标准(正常)选择元素。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
    <script type="text/javascript" src="jquery-3.2.1.min.js"></script>
    <link rel="stylesheet" type="text/css" href="selectize.css" />
    <script type="text/javascript" src="selectize.js"></script>
    <script type="text/javascript">
        $('#colors').selectize();
    </script>
</head>
<body>
   <select id="colors">
       <option value="1">Red</option>
       <option value="2">Green</option>
       <option value="3">Blue</option>
   </select>

</body>

</html>

2 个答案:

答案 0 :(得分:0)

我的问题解决了,我必须使用较低版本的jquery:

<script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>

答案 1 :(得分:-1)

通过添加类

来试用此代码
<select id="colors" class="seletizeData" data-placeholder="Colors">
       <option value="1">Red</option>
       <option value="2">Green</option>
       <option value="3">Blue</option>
   </select>