javascript - 单击时创建可拖动的 div 使父级可拖动而不是新的 div

Question

我在点击第二行中的 4 项时创建了一个 div。我想像第一个一样创建一个新的可拖动 div。我确定是 .draggable() 导致了问题。

我尝试了许多其他地方，但不知道在哪里添加 .draggable()

    var i = 0;
 $('#dropbtn').click(function() {
    // insert a SPAN tag with class="spn" at the end in all DIVs with class="cls"
     if(i == 0){
         $('#dropbtn').append('<div class="boxArt red" row="2" col="4" id="dragme3">DRAG ME3</div>').draggable();
         i=i+1;    
     }
});

JSFIFFLE

Answer 1

您正在应用.draggable()at 错误的元素。该.append()方法返回容器元素，而不是您添加的元素。

这应该有效：

$('<div class="boxArt red" row="2" col="4" id="dragme3">DRAG ME3</div>').draggable().appendTo('#dropbtn');