2013-01-04 64 views
0

我有一个原型插入功能的问题。我有一个HTML与'主'ID的div。在我的脚本中,我使用原型在'main'div内插入一个新的div('container')。但是现在我想在'container'div中插入另一个div,但是我不能。代码是这样的:插入div与插入()原型功能

var container; 
    var wordsDiv; 

    function build(){ 
     container = new Element('div'); 
     wordsDiv = new Element('div'); 

     $('main').insert(container); 
     container.insert(wordsDiv); 
    } 

感谢您的帮助!

+0

你有什么[应该可以正常工作](http://jsfiddle.net/9fnYW/)。究竟是什么问题? –

+0

@JamesAllardice我不知道会发生什么!代码与你的链接相同,问题是我想插入'容器'中的第二个div没有插入。 – Crisiiii

+0

@JamesAllardice现在工作!但我不知道是什么问题。我在代码中间有一些评论,也许是这个......谢谢! – Crisiiii

回答

0

试试这个:

var container; 
var wordsDiv; 

function build(){ 
    container = new Element('div'); 
    wordsDiv = new Element('div'); 

    $('main').insert(container); 
    $(container).insert(wordsDiv); 
} 
+0

这不会有所作为。 'container'已经是一个原型扩展元素。 '$'函数会直接返回它。 –

+0

@JamesAllardice然后我迷路了...... – ATOzTOA

+0

看到我对这个问题和我已经链接到的小提琴的评论 - OPs代码应该正常工作。 –

0

你有insert()出去了的顺序

var container; 
var wordsDiv; 

function build(){ 
    container = new Element('div'); 
    wordsDiv = new Element('div'); 

    container.insert(wordsDiv); 
    $('main').insert(container); 
} 

我有你在哪里,如果你完全不建元素之前,它是之前描述的问题插入到DOM中,除非通过id或class引用它,否则无法对元素进行更多操作。

我不确定它发生了什么浏览器,但作为一个经验法则,我尝试构建我的元素并在元素插入到DOM之前添加观察者到元素。