jquery - 通过 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));
}