通過Jquery動態引導按鈕

Question

我需要動態添加按鈕到div，按鈕值從var data = ev.dataTransfer.getData（「Text」）中檢索;

所以，請給我建議的解決方案

<div class="span12" id="btndiv" ondrop="drop(event)" ondragover="allowDrop(event)"></div> 

function drop(ev) { 
     ev.preventDefault(); 
     var data = ev.dataTransfer.getData("Text"); 
    // Add Button here to div -btndiv 

<button class="btn btn-danger" data-jqui-type="" name="" type="submit"><i class="icon-close icon-white"></i> **data**</button> 
    } 

Answer 1

你可以這樣做：

$("<input/>").attr({type: "button", value: data}).appendTo("#btndiv"); 

Answer 2

function drop(ev) { 
    ev.preventDefault(); 
    var data = ev.dataTransfer.getData("Text"), 
     btn = $('<button />', {'class':'btn btn-danger', 
           text: data, 
           name: '', 
           type: 'submit', 
           'data-jqui-type':'' 
           }), 
      i = $('<i />', {'class':'icon-close icon-white'}); 

    $('#btndiv').append(btn.prepend(i)); 
}