Jquery 对象不支持此属性或方法

Question

我的 JSP 页面中有以下内容，但出现错误

Message: Object doesn't support this property or method

在$("#projects").dataTable({

如果我删除

.makeEditable({
                   sAddURL: "addController"
                              });

那么没有js错误，我该如何解决这个问题呢？

JS代码

$(document).ready(function () {
    $("#projects").dataTable({ // error here
        "bServerSide": true,
        "sAjaxSource": "mycontroller",
        "bProcessing": true,
        "sPaginationType": "full_numbers",
        "bJQueryUI": true
    }).makeEditable({
        sAddURL: "addController"
    });
});

我有以下js文件

 <script src="scripts/jquery-1.4.4.min.js" type="text/javascript"></script>
 <script src="scripts/jquery.dataTables.editable.js" type="text/javascript">
 </script>
 <script src="scripts/jquery.jeditable.js" type="text/javascript"></script>
 <script src="scripts/jquery.validate.js" type="text/javascript"></script>
 <script src="scripts/jquery-ui.js" type="text/javascript"></script>

 <script src="scripts/jquery.js" type="text/javascript"></script>
 <script src="scripts/jquery.dataTables.min.js" type="text/javascript"></script>

Answer 1

您两次包含 jQuery 库，可能使用两个不同的版本。 scripts/jquery-1.4.4.min.js 和 scripts/jquery.js 都是 jQuery 库。

第二个将取代第一个，在此过程中您将丢失添加到第一个实例的所有插件。由于您最终只有 dataTables 插件，因此 makeEditable 调用将不起作用。这并不是 dataTable 方法不存在，错误只是在该行报告，因为语句从那里开始。

删除 jQuery 库的第二个包含内容。如果 dataTables 插件与 1.4.4 版本的 jQuery 库不兼容，您可能还需要不同版本的 dataTables 插件。或者使用更高版本的 jQuery。