Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery对象#<;对象>;没有方法';getElement';_Javascript_Jquery_Mootools - Fatal编程技术网

Javascript Jquery对象#<;对象>;没有方法';getElement';

Javascript Jquery对象#<;对象>;没有方法';getElement';,javascript,jquery,mootools,Javascript,Jquery,Mootools,我一直在试着用这张桌子 我用我的浏览器检查了一下,页面正确地提取了css和.js文件,但是它在引用我的sortabletable.js文件时给了我这个错误 (错误的屏幕截图) 这是源代码相关部分的副本 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.o

我一直在试着用这张桌子

我用我的浏览器检查了一下,页面正确地提取了css和.js文件,但是它在引用我的sortabletable.js文件时给了我这个错误

(错误的屏幕截图)

这是源代码相关部分的副本

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
  <meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
  <title>Home page</title>
  <link rel="stylesheet" href="./_common/css/main.css" type="text/css" media="all">

<link href="sortableTable.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="./_common/js/mootools.js"></script>
<script type="text/javascript" src="sortableTable.js"></script>


</head>
<body>

<div id="container">
<div id="example">
        <div class="tableFilter">
            <form id="tableFilter" onsubmit="myTable.filter(this.id);     return false;">Filter: 
                <select id="column">
                    <option value="1">Firstname</option>
                    <option value="2">Lastname</option>
                    <option value="3">Department</option>
                    <option value="4">Start Date</option>
                </select>
                <input type="text" id="keyword" />
                <input type="submit" value="Submit" />
                <input type="reset" value="Clear" />
            </form>
      </div>
      <table id="myTable" cellpadding="0" cellpadding="0">
        <thead>
            <th axis="number">ID</th>
            <th axis="string">Firstname</th>
            <th axis="string">Lastname</th>
            <th axis="string">Department</th>
            <th axis="date">Start Date</th>
        </thead>
        <tbody>
            <tr id="1">
                <td class="rightAlign">1</td>
                <td>Sam</td>
                <td>Birch</td>
                <td>Programming</td>
                <td class="rightAlign">01/06/00</td>
            </tr>
            <tr id="2">
                <td class="rightAlign">2</td>
                <td>George</td>
                <td>Lo</td>
                <td>Support</td>
                <td class="rightAlign">01/07/99</td>
            </tr>
            <tr id="3">
                <td class="rightAlign">3</td>
                <td>kevin</td>
                <td>Walker</td>
                <td>Programming</td>
                <td class="rightAlign">01/06/05</td>
            </tr>
            <tr id="4">
                <td class="rightAlign">4</td>
                <td>Peter</td>
                <td>Aland</td>
                <td>Project Management</td>
                <td class="rightAlign">23/10/06</td>
            </tr>
            <tr id="5">
                <td class="rightAlign">5</td>
                <td>Rachel</td>
                <td>Dickinson</td>
                <td>Design</td>
                <td class="rightAlign">20/01/05</td>
            </tr>
            <tr id="6">
                <td class="rightAlign">6</td>
                <td>John</td>
                <td>Tsang</td>
                <td>Support</td>
                <td class="rightAlign">05/10/05</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
        </tfoot>
      </table>


    <script type="text/javascript">
        var myTable = {};
        window.addEvent('domready', function(){
            myTable = new sortableTable('myTable', {overCls: 'over', onClick: function(){alert(this.id)}});
        });
    </script>
    </div>


</div>
</div>
</body>
</html>

主页
过滤器:
名字
姓氏
部门
开始日期
身份证件
名字
姓氏
部门
开始日期
1.
山姆
桦木
程序设计
01/06/00
2.
乔治
瞧
支持
01/07/99
3.
凯文
散步的人
程序设计
01/06/05
4.
彼得
阿兰
项目管理
23/10/06
5.
雷切尔
狄金森
设计
20/01/05
6.
约翰
臧
支持
05/10/05
var myTable={};
addEvent('domready',function(){
myTable=new sortableTable('myTable',{overCls:'over',onClick:function(){alert(this.id)}});
});
有什么想法吗

使用
$.find('tbody')
获取所有子体
tbody
s和
$。children('tbody')
获取所有子体
tbody
s。试试这个:

this.thead = this.table.children('thead');
this.tbody = this.table.children('tbody');
this.tfoot = this.table.children('tfoot');
this.elements = this.table.find('tr');
使用
$.find('tbody')
获取所有子体
tbody
s和
$.children('tbody')
获取所有子体
tbody
s。试试这个:

this.thead = this.table.children('thead');
this.tbody = this.table.children('tbody');
this.tfoot = this.table.children('tfoot');
this.elements = this.table.find('tr');

虽然我没有看到jQuery被加载到HTML示例中,但您的问题的标题表明您正在站点中使用jQuery。如果是这种情况,您的问题是Mootools和jQuery之间存在冲突,因为这两个库都定义了
$
函数。要解决此问题,您必须使用。

尽管我没有看到jQuery加载到您的HTML示例中,但您的问题标题表明您正在站点中使用jQuery。如果是这种情况,您的问题是Mootools和jQuery之间存在冲突,因为这两个库都定义了
$
函数。要解决此问题,您必须使用。

代码中标记的错误屏幕截图显示使用了
$(表)
。您还将问题标记为同时使用
jQuery
mootools
。您确定他们在使用
$
时没有冲突吗?您的代码中标记的错误截图显示了
$(表)
的使用情况。您还将问题标记为同时使用
jQuery
mootools
。你确定他们在使用
$
方面没有冲突吗?先生,你是个天才,似乎已经解决了导致这一问题的问题。我尝试将此错误替换为.children,以查看我是否会再次如此幸运,但似乎此错误不接受相同的修复,因为
this.tHead
不存在,您的意思是
this.tHead
对吗?(全部小写)完美我忘记了区分大小写,在将其更改为此之后,似乎加载时没有任何缺陷。this.thead.children('th')。每个(函数(el,i){先生,你是一个天才,似乎已经解决了导致这个问题的问题。我尝试用.children来替换这个错误,看看我是否会再幸运一次,但似乎这个错误不接受相同的修复,因为
this.tHead
不存在,你的意思是
this.tHead
对吗?(全部小写)完美我忘记了区分大小写,在将其更改为此之后,似乎加载时没有任何缺陷。this.thead.children('th')。each(function(el,I){