1

已解决- 我的代码没有在所有应该使用的地方使用 var。添加这个可以解决问题。

我正在尝试使用循环来遍历给定“场景”的子节点。在这个例子中，它是场景 2。我的代码允许“链接”，它本质上是去加载另一个场景的子节点，然后再回到当前场景并加载剩余的子节点。问题是，每当我使用链接时，它都会阻止原始场景完成加载。

XML:

<scene id="2">
    <content>Scene2-Content1</content>
    <content>Scene2-Content2</content>
    <link id="4"/>
    <choice content="Scene2-Choice1"/>
</scene>
<scene id="4">
    <content>Scene4-Content1</content>
    <choice content="Scene4-Choice1"/>
</scene>

JavaScript：

var app = {
    loadScene: function (scene) {
        //find the scene and load the scene data
        if(app.storyXml != null)
        {
            sceneNodes = app.storyXml.getElementsByTagName("scene");
            for(i=0; i<sceneNodes.length; i++)
            {
                id = sceneNodes[i].getAttribute("id");
                if(id == scene)
                {
                    app.loadSceneData(sceneNodes[i]);
                    break;
                }   
            }
        }
    },
    loadSceneData: function (scene) {
        childNodes = scene.childNodes;

        try
        {
            length = childNodes.length;
            for(i=0; i<childNodes.length; i++)
            {
                console.log((i+1)+"/"+childNodes.length);
                tag = childNodes[i].tagName;
                if(tag == "content")
                    app.loadSceneContent(childNodes[i]);
                if(tag == "link")
                    app.loadSceneLink(childNodes[i]);
                if(tag == "choice")
                    app.loadSceneChoice(childNodes[i]);
            }
        }
        catch(err)
        {
            console.log(err);
        }
    },
    loadSceneLink: function (node) {
        if(app.storyXml != null)
        {
            sceneNodes = app.storyXml.getElementsByTagName("scene");
            for(i=0; i<sceneNodes.length; i++)
            {
                id = sceneNodes[i].getAttribute("id");
                if(id == node.getAttribute("id"))
                {
                    app.loadSceneData(sceneNodes[i]);
                    break;
                }
            }
        }
    }
}
//loadSceneContent and loadSceneChoice omitted--they simply add some elements to the page.

在此特定示例中，为场景 2 中的前两个内容节点调用 loadSceneContent/loadSceneChoice。之后，链接为内容/选择节点调用它们。我希望控件返回到原始 loadSceneData 循环，但它只是跳转到原始 loadSceneData 调用中的循环末尾。我把头撞在墙上，尝试了我能想到的每一种变化。似乎没有任何效果。

如果我删除链接节点，场景 2 中的所有内容都会按预期加载。

我不经常在 Stack Overflow 上发帖，所以如果我遗漏了一些对我的问题至关重要的内容，请告诉我。我感谢您的帮助！

4

1 回答 1

1

声明循环变量应该可以解决调用方法之间i的var任何冲突。没有var,i被声明为全局变量......这意味着所有方法最终都将共享它的使用。如果每个方法都单独调用就好了，但是它们是在每个循环中调用的。如果您在另一个循环的中间调用一个方法，则 的值会i被修改，因此会弄乱包含循环。

例如，您的第一个循环应如下所示：

for(var i=0; i<sceneNodes.length; i++)
于 2013-07-15T21:11:08.240 回答