0

別のファイルからオブジェクトを呼び出すときに問題に直面しています。

function node(id, content, prev, next){
    this.id = id;
    this.prev = prev;
    this.next = next;
    this.content = content;
}

オブジェクトが以前に定義されていない場合に備えて、このコードを使用して外部ファイルをロードしています。

function callNode(node){
    if(typeof(node) === 'undefined')
    {   
        path = "js/tree/t2.js";
        $.getScript(path, function(){
            console.log('done');
            for(i in node)
            alert(node[i]);
        });
    }
    else alert('node exist');
}

t2.js には次のものがあります。

n1 = new node('text1','n1');
n2 = new node('text2','n2');
n3 = new node('text3','n3');

n2.next = n3;
n2.prev = n1;

HTMLコード：

<button onclick="callNode(n2)"..

しかし、それは私に未定義のオブジェクトを与え続けます

4

1 に答える 1

1

callNode(n2)がまだ初期化されていない場合は呼び出すことができませn2ん。最初にスクリプトをロードする必要があります。その後n2、たとえばコールバックからアクセスできます。

// init.js
function Node(id, content, prev, next){
    this.id = id;
    this.prev = prev;
    this.next = next;
    this.content = content;
}
var loader;
function callNode(nodeid, callback){
    if (!loader)
       loader = $.getScript("js/tree/t2.js").done(function() {
        console.log('done');
    });
    loader.done(function() {
        callback(nodes[nodeid]););
    }
}
function logNode(node) {
    // not sure whether you really want *that*, but
    for (i in node)
        alert(node[i]);
});

// t2.js
nodes = {
    n1: new Node('text1','n1'),
    n2: new Node('text2','n2'),
    n3: new Node('text3','n3')
};
nodes.n2.next = nodes.n3;
nodes.n2.prev = nodes.n1;

// event handler code:
callNode("n2", logNode);
于 2013-02-05T13:52:02.143 に答える