Javascript 如何使用Mootools 1.3使HtmlTable类工作

我想创建一个事件，当我点击一个项目列表时，它将生成一个带有链接标记结果的表和td上的一些文本，我正在使用MooTools

我这里的问题是，每当我用浏览器打开我的

html

代码并检查代码时，当我用chrome上的开发者工具和firefox上的firebug点击一个项目列表后，它会说：

未捕获引用错误：未定义HtmlTable

这是mycode：

HTML

弹出窗口

好兄弟
种类
有益的
渊博的知识










附加分页链接

JavaScript

window.addEvent('load', function(){


//create new element
    //create table as a global variable
    var table;
    var link = 'http://www.google.com';
    var linkText = 'Atlanta';
    var address = 'cd and R Winne St';      
    var myTable = new HtmlTable({
            properties: {
            border: 1,
            cellspacing: 3
        },
            headers: ['fruits', 'colors'],
            rows: [
                ['apple', 'red'],
                ['lemon', 'yellow']
            ]
    });
    //this is a function to add rows to table;
    var addRowToTable = function () {

        //loop to create 10 table rows
        for (var i=0; i<10; i++) {
            //create a new <a> tag
            var aTag = new Element ('a', {
                href: link,
                title: 'Name of City',
                html: linkText,
            });
            //add row to table
            MyTable.push([aTag, address]);
        }
    }

    var li = $$('li');
    li.addEvent('click', function(){
        addRowToTable();        
    });
    //inject table to div pop-up-content
    table.inject($('pop-up-content'));

});

window.addEvent（'load'，function（）{
//创建新元素
//将表创建为全局变量
var表；
var-link=http://www.google.com';
var linkText=‘亚特兰大’；
var地址='cd和R Winne St'；
var myTable=新的HtmlTable({
特性：{
边界：1，
单元间距：3
},
标题：[“水果”、“颜色”]，
行：[
[‘苹果’、‘红色’]，
[‘柠檬’、‘黄色’]
]
});
//这是一个向表中添加行的函数；
var addRowToTable=函数（）{
//循环以创建10个表行
对于（var i=0；i它不应该是
myTable.inject（$（'pop-up-content'））
而不是
表
？谢谢@Sergio我刚刚弄明白了，这是我的解决方案，我把它放在JSFIDLE上。太好了。只是好奇：新行应该是相同的链接/文本还是连接到单击的行？事实上，我想这样做，假设我有一个json文件，我想从该json文件检索数据，一个现在我被困在这里，今晚我将开始一个新的问题。既然这个问题已经得到了回答，你可以重新做一遍，这样我们就可以再看一遍。
window.addEvent('load', function(){


//create new element
    //create table as a global variable
    var table;
    var link = 'http://www.google.com';
    var linkText = 'Atlanta';
    var address = 'cd and R Winne St';      
    var myTable = new HtmlTable({
            properties: {
            border: 1,
            cellspacing: 3
        },
            headers: ['fruits', 'colors'],
            rows: [
                ['apple', 'red'],
                ['lemon', 'yellow']
            ]
    });
    //this is a function to add rows to table;
    var addRowToTable = function () {

        //loop to create 10 table rows
        for (var i=0; i<10; i++) {
            //create a new <a> tag
            var aTag = new Element ('a', {
                href: link,
                title: 'Name of City',
                html: linkText,
            });
            //add row to table
            MyTable.push([aTag, address]);
        }
    }

    var li = $$('li');
    li.addEvent('click', function(){
        addRowToTable();        
    });
    //inject table to div pop-up-content
    table.inject($('pop-up-content'));

});