javascript - 将 jQuery 选择器与 Ajax 响应结合使用

Question

我有一个 Ajax 调用和响应(请参阅下面的代码。)在此之前，我有常规的 javascript 代码，可以成功地将我的 select 元素从传统的 select 转换为 select2 小部件。

当我尝试使用 Ajax 调用响应中的 javascript 代码 $('#datepicker').datepicker(); 将 select 更改为 select2 时，我在调试器中收到错误这说的是

未捕获类型错误:$(...).select2 不是函数
在 XMLHttpRequest.xhttp.onreadystatechange (createschedule.php:46)

这是 javascript 函数内的代码:

var xhttp = new XMLHttpRequest();
                xhttp.onreadystatechange = function() 
                {
                    if (this.readyState == 4 && this.status == 200) 
                    {
                        document.getElementById("row_"+cur_id).innerHTML = this.responseText;
                        $('#teacherselect').select2({ width: '100%' }); 
                        $('#datepicker').datepicker();
                    }
                };
                xhttp.open("GET", "editrow.php?id="+id, true);
                xhttp.send();

当 Ajax 返回并执行此代码时，它仍然可以通过 jQuery 访问这些项目吗？看来不是。

Answer 1

因为您的 jQuery 和 JQuery UI 工作正常，所以我将开始检查 select2 的路径。是本地的还是 CDN？