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

Question

我正尝试在我的JSP页面上使用树结构和Jquery。树型结构需要导入很少的Jquery文件。当我运行JSP页面时，我得到错误代码"Object get support this property or method“。

我通过单独运行Tree Structure (Dyna Tree)代码来测试代码，它工作得很好。然后，我尝试运行我编写的Jquery，它也运行得很好。仅当我集成这两个代码时，才会出现上面提到的错误。我已经写了我的自定义代码和错误的地方，它确切地出现。注意: fm是我的JSP页面上的表单名称。

  <script type="text/javascript">
        var url;
    function newUser(){
        $('#dlg').dialog('open').dialog('setTitle','Create New Access');
        $('#fm').form('clear');   // ERROR AT THIS LINE
        url = 'saveaccess.jsp'; 
    }
    function editUser(){
        var row = $('#dg').datagrid('getSelected');
        if (row){
            $('#dlg').dialog('open').dialog('setTitle','Edit Access');
            $('#fm').form('load',row);
            alert("test"+row);
            //url = 'AddNeditApplication.jsp';
        }
    }
    function saveUser(){
        $('#fm').form('submit',{
            url: url,
            onSubmit: function(){
                return $(this).form('validate');
            },
            success: function(result){
                //var result =new Object();
                alert(result);

                if (result){
                    $('#dlg').dialog('close');      // close the dialog
                    $('#dg').datagrid('reload');    // reload the user data
                } else {
                    $.messager.show({
                        title: 'Error',
                        msg: result.msg
                    });
                }
            }
        });
    }
    function removeUser(){
        var row = $('#dg').datagrid('getSelected');
        if (row){
            $.messager.confirm('Confirm','Are you sure you want to remove this Access?',function(r){
                if (r){
                    $.post('AddNeditApplication.jsp',{id:row.id},function(result){
                        if (result.success){
                            $('#dg').datagrid('reload');    // reload the user data
                        } else {
                            $.messager.show({   // show error message
                                title: 'Error',
                                msg: result.msg
                            });
                        }
                    },'json');
                }
            });
        }
    }

</script>

Answer 1

$('#fm').form('clear'); -每当JavaScript说"Object不支持这个属性或方法“时，它就是在谈论.运算符。这意味着调用$('#fm')返回的对象不支持form方法。

我在jQuery应用程序接口中找不到任何有关form方法的文档。也许你正在尝试使用EasyUI？除了jQuery之外，你还在你的超文本标记语言中包含EasyUI脚本(在jQuery之后，在你的代码之前)吗？

如下所示：

<script src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>

...？

Answer 2

对象不支持此属性或方法的异常的原因：

1. 检查并比较浏览器版本的兼容性/对Jquery版本的支持。即IE8不支持Jquery2x版本。在这种情况下，使用版本accordingly
2. The顺序的文件在您的html/aspx文件是错误的。变更单..例如..

从..。

 <script src="js/jquery.easing.js"></script>      
    <script src="js/jquery.js"></script>
    <script src="js/jqueryFileTree.js"></script>
    <script src="js/default.js"></script>
 <script src="js/jquery-1.4.1-vsdoc.js"></script>
    <script src="js/jquery-1.4.1.js"></script>
    <script src="js/jquery-1.4.1.min.js"></script>

至：

 <script src="js/jquery-1.4.1-vsdoc.js"></script>
<script src="js/jquery-1.4.1.js"></script>
<script src="js/jquery-1.4.1.min.js"></script>
<script src="js/jquery.js"></script>
<script src="js/jqueryFileTree.js"></script>
<script src="js/default.js"></script> 
  <script src="js/jquery.easing.js"></script>

我得到了类似的异常，现在得到了解决。