select2(...)不是函数

Question

我试着在jQuery中使用select2插件，但是得到一个错误消息，告诉我select2(...)不是一个函数。我使用下面的脚本和链接标签来导入jquery、css和select2。

<link href="fromPath/css/jquery-ui-1.10.4.min.css" rel="stylesheet" type="text/css" />
<link href="fromPath/css/select2.min.css" rel="stylesheet" type="text/css" />
<script src="/path/javascript/jquery-1.11.0.min.js"></script>
<script src="/path/javascript/jquery-ui-1.10.4.min.js"></script>
<script src="/path/javascript/select2.min.js"></script>

以下是运行代码：

$(document).ready(function() {
     
    var testData = [];
    var dataSize = 1000;

    // Instead of doing this use the AJAX call to poulate the data.
    for (var i=0; i < dataSize; i++) {
        testData.push({ text: `Data: ${i}`});
    }
    
    if ($("#selector").length > 0) {
    $("#selector").select2()({
     data: testData,
    query: function(q) {
    var pageLength = 50;

    // Get a page sized slice of data from the results of filtering the data set.      
    var paged = this.data.slice((q.page - 1) * pageLength, q.page * pageLength);

    q.callback({
      results: paged,
      more: this.data.length >= q.page * pageLength
    });
  }
});
}
});

select2的版本为4.0.0。我也尝试了以下方法，但仍然得到相同的错误。

a. JQuery只加载一次。

b.顺序依次为:JQuery、CSS、Select2

即使到那时也要面对同样的issues.Kindly帮助。

Answer 1

使用此CDN

<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>