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

时间:2012-10-08 08:37:38

标签: javascript jquery jsp

我正在尝试在我的JSP页面上使用树结构和Jquery。树结构需要导入少量Jquery文件。当我运行JSP页面时,我得到错误代码“对象不支持此属性或方法”。

我通过单独运行树结构(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>

2 个答案:

答案 0 :(得分:1)

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

我在jQuery API中找不到form方法的任何文档。也许您正在尝试使用EasyUI?除了jQuery(在jQuery之后,在你的代码之前),你是否在HTML中包含了EasyUI脚本?

这样的事情:

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

...

答案 1 :(得分:0)

Object的原因不支持此属性或方法的异常:

  1. 检查并比较Jquery版本的浏览器版本兼容性/支持。 即IE8不支持Jquery2x版本。在此方案中,相应地使用版本
  2. html / aspx文件中的文件顺序错误。更改订单..例如..
  3. ...从

     <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>
    

    我得到了类似的异常,现在已经解决了。