jTable：未捕获的类型错误：无法调用未定义的方法“removeClass”答案

【问题标题】：jTable:Uncaught TypeError: Cannot call method 'removeClass' of undefinedjTable：未捕获的类型错误：无法调用未定义的方法“removeClass”
【发布时间】：2013-12-19 08:48:15
【问题描述】：

我正在尝试使用 JSP 中的 jTable（第一次）。我正在使用 Java servlet 来填充和编辑数据。

我没有成功让表加载数据，甚至没有到达应该查询数据的 Java servlet。我得到的错误是：“jTable：Uncaught TypeError：无法调用未定义的方法'removeClass'”。如果我删除表定义 - 错误消失并打印所有日志消息，所以问题与我猜的表定义有关。

你知道这个错误是什么意思吗？如果需要，我还会粘贴 Java 代码，但我不确定这是不是问题。

顺便说一下，映射到表的 Java 对象包含的列多于该表中显示的列。我必须映射所有字段吗？

<html>
<head>
<link rel="stylesheet" href="css/jquery-ui-1.9.2.css" />
<link rel="stylesheet" href="css/timePicker.css" />
<link href="js/jtable.2.3.1/themes/lightcolor/orange/jtable.min.css"
    rel="stylesheet" type="text/css" />

<script src="js/jquery-1.8.3.js"></script>
<script src="js/jquery-ui-1.8.22.custom.min.js"></script>
<script src="js/jquery-ui-1.9.2.js"></script>
<script src="js/jquery.timePicker.min.js"></script>
<script src="js/jquery.timePicker.js"></script>
<script src="js/jtable.2.3.1/jquery.jtable.min.js"  type="text/javascript"></script>


<script type="text/javascript">     

    $(document).ready(function() {
        console.log( "In doc. ready!" );

        $('#LastRequestsTableContainer').jtable({
            title : 'Saved Dates',
            actions : {
                listAction : '/listUserSavedDates.rpc',
                createAction : '/saveUserDate.rpc',
                updateAction : '/saveUserDate.rpc',//I'll changes it later
                deleteAction : '/saveUserDate.rpc'//I'll changes it later
            },
            fields : {
                ownerName : {
                    title : 'Name',
                    width : '40%'
                },
                ownerBirthDate : {
                    title : 'Birth date',
                    width : '40%',
                    type : 'date'
                },
                ownerBirthHour : {
                    title : 'Birth time',
                    width : '30%',
                }
            }
        });

        console.log( "Before LastRequestsTableContainer.load" );
        $('#LastRequestsTableContainer').jtable('load');
        console.log( "After LastRequestsTableContainer.load" );

        console.log( "out of doc. ready!" );
    });


</script>
</head>

<body dir="rtl"
    style="font-family: sans-serif; font-size: 10pt; text-align: right; font-color: black;">

    <div id="formDiv" style="width: 100%; overflow: hidden;">
        <div id="LastRequestsTableContainer" style="width: 30%; float: left;">
        </div>

        <!-- some more divs that works fine-->
    </div>
</body>
</html>

感谢您的帮助。

谢谢卡梅尔

【问题讨论】：

标签： jsp jtable jquery-jtable

【解决方案1】：

问题出在两个 jquery-ui 版本上（可能是历史原因……）。

【讨论】：

在不包含 jquery-ui 时遇到了类似的问题。感谢您的提示。