YUI在每個輸入中創建div [type = text]

Question

Hi〜請原諒我的無知， 我是YUI3的新手。 我想在每個輸入文本框中創建一個清除按鈕。 所以我的嘗試是創建一個div並追加到每個輸入文本。 但是我的嘗試失敗了。

請在這裏需要你的指導，我下面嘗試代碼..

提前感謝！

YUI().use("node", function(Y) { 
    Y.all('input[type=text]').each(function(node) { 

     var outerDiv = Y.Node.create('<div class="clrInput">X</div>'); 
      outerDiv.setStyles({ 
       position: absolute, 
       left: node.get('offsetLeft')+this.get('width')-10, 
       top: node.get('offsetTop'), 
       width:node.get('width'), 
       height:node.get('height') 
     }) 

     node.appendTo(outerDiv); 
     }); 
    }); 

Answer 1

的原因，爲什麼你沒有看到任何東西是永遠不會outerDiv成爲DOM的一部分。它已創建，並且input節點爲append編輯，但outerDiv本身永遠不會添加到DOM。

node.appendTo(outerDiv); 
Y.one('body').append(outerDiv); 

應該解決這個問題。檢查出your script with that line added。