Question

我正在尝试构建布局页面。此页面有1个主面板。如果用户点击“创建新标签”，我想构建一个新的div，并使该div可以删除。在这个淡化的例子中。我想点击“创建新标签”，然后将“其他”div放入其中。

看我的小提琴： Fiddle

  $('#newTab').click (function()
  {
    i++;
    var div = $('<div class="drop"/></div>').appendTo('#mainBucket');
    div.attr('id', 'holdy'+i);
    div.addClass('tabModule drop');
    div.html('hello');
  });

Answer 1

你必须让每个新的div都可以自己删除。创建新div后，需要应用jQuerys dropable-method。 Dropable不会应用于将来创建的元素并且之前与您的选择器匹配，因此您必须自己完成此操作。

var newDiv = jQuery('<div class="drop" />').droppable().attachTo('body')

我在这里修改了你的例子：http://jsfiddle.net/Valtos/dQzy5/7/

jquery动态div添加与droppable属性

1 个答案: