拖動一個div和動態創建的div

我想在動態創建的div下降一個div它使用JavaScript上的按鈕單擊事件創建下降這裏是我的代碼拖動一個div和動態創建的div

$("#add").click(function() { 

    var d = document.createElement("div"); 

    d.className = "machine"; 

    document.getElementById("cloud").appendChild(d); 

});

這就是我想要的股利拖動和上面創建的div 這裏砸在我的拖動代碼

$("#Softwares-List div").draggable({ 

    helper:"clone" 

}); 

<div id="Softwares-List"> 

     <div id="java">Java</div> 

     <div id="ror">Ruby on Rails</div> 

     <div id="dotnet">Visual Studio 10</div> 

</div>

假設我想拖Java和砸dyanmically創建DIV即div.machine

我寫了一篇關於dyanmically創建DIV 這種投擲的代碼在這裏是我的代碼

$("div.machine").droppable({  

    accept: "#Softwares-List > div", 

     activeClass: 'ui-state-hover', 

     hoverClass: 'ui-state-active', 

     drop: function(event, ui) { 

      var dropElem = ui.draggable.html(); 

      clone = $('dropElem').clone(); 

     clone.id="newId"; 

     clone.css("position", "absolute"); 

     clone.css("top", ui.absolutePosition.top); 

     clone.css("left", ui.absolutePosition.left); 

      clone.draggable({ containment: 'parent' ,cursor: 'crosshair'}); 

      $(this).append(clone); 

      alert("done dragging"); 

      }, 

});

但它不工作可放開功能沒有得到調用。 plz幫我如果有任何更改，我在droppable然後PLZ告訴。

來源

2012-06-08 Nitish

不'的一些版本div.machine'有'height'設置？ –

是高度和寬度設置爲162px – Nitish

你創建DIV之前調用$("div.machine").droppable({？

只要將它移動到的結束＃將單擊事件處理程序。

來源

2012-06-08 07:14:45 Thomas

沒有它最終只 – Nitish

我呼籲$（「div.machine」）可放開（{略低於＃將點擊事件，但仍有其不工作 – Nitish

只是爲了澄清：它必須是** **裏面click事件，只是下面的'的document.getElementById（「雲」）的appendChild（d）;' – Thomas

你在測試什麼瀏覽器？

在最後一個參數的末尾逗號將IE

  $(this).append(clone); 

      alert("done dragging"); 

      }, <<---- 

});

來源

2012-06-08 07:23:13

我測試mozilaa firefox最新版本 – Nitish

拖動一個div和動態創建的div

回答

相關問題