2013-01-04 100 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之前添加觀察者到元素。