0

我想在動態創建的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告訴。

+0

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

+0

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

回答

1

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

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

+0

沒有它最終只 – Nitish

+0

我呼籲$(「div.machine」)可放開({略低於#將點擊事件,但仍有其不工作 – Nitish

+0

只是爲了澄清:它必須是** **裏面click事件,只是下面的'的document.getElementById(「雲」)的appendChild(d);' – Thomas

0

你在測試什麼瀏覽器?

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

  $(this).append(clone); 

      alert("done dragging"); 

      }, <<---- 

}); 
+0

我測試mozilaa firefox最新版本 – Nitish