0

我有一个功能，在按钮上单击我添加列，现在我想要的是在按钮上单击我要添加的列，在我的情况下，我希望它附加到另一个 div 按钮和附加数据现在都添加到同一个 div 中

这是我正在处理的代码

var i = 1;
$(document).ready(function() {             
    $("button[id='columnadd']").click(function () {
       // create the element
       var domElement = $('<div id="shoppingCart' + i++ + '" class="shoppingCart"><h2 class="ui-widget-header">Add Menu Items Here</h2><aside class="ui-widget-content" id="droppable"><ol><li class="placeholder">Add your items here</li></ol></aside></div>');

       $(this).after(domElement);
       // at this point you have domElement in your page
       //.appendTo("#columnhoder")
       // make it droppable
       domElement.find("ol").droppable({
           accept: '.small_box li',
           greedy: true,
           drop: function (event, ui) {
               alert(1);
               makeItDroppableToo(event, ui, this);
               //$(this).find(".placeholder").remove();
               //$("<li></li>").text(ui.draggable.text()).appendTo(this);                         
           }
       });
});

我要这个

var domElement = $('<div id="shoppingCart' + i++ + '" class="shoppingCart"><h2 class="ui-widget-header">Add Menu Items Here</h2><aside class="ui-widget-content" id="droppable"><ol><li class="placeholder">Add your items here</li></ol></aside></div>');

附加到这个 div

<div id="columnholder">div>
4

3 回答 3

0

您可以使用 appendTo：

domElement.appendTo('#columnholder');
于 2012-10-29T10:00:00.703 回答
0

$("#columnholder").append(domElement)应该管用

jQuery 追加

于 2012-10-29T10:02:01.117 回答
0

使用 jQuery，这很容易。您只需选择您的容器，然后在其上使用 append 方法。例如： 

$('#columnholder').append('your html code or something like that');

看看：http ://api.jquery.com/append/

于 2012-10-29T10:02:42.773 回答