製作克隆png可拖拽jquery

Question

這是我第一次使用javascript。我試圖讓這個圖像可以拖動。現在，原始的png是可拖動的。我點擊一個按鈕克隆圖像，這是可行的，但克隆不可拖動。請幫忙！非常感謝您的時間。

$(function() { 
 
    $(".draggable").draggable(); 
 
}); 
 

 

 

 

 
$(document).ready(function() { 
 
    $("button").click(function() { 
 
    $("body").append($("section:first").clone().addClass('drag(event)')); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 

 
<div id="div1"> 
 
    <img src="http://i.imgur.com/kOOsSXe.jpg"> 
 
</div> 
 

 
<section class="draggable" class="ui-widget-content"> 
 
    <img src="http://i.imgur.com/RWdfFRO.png" ondragstart="drag(event)" width="50" height="130" draggable="true"> </section> 
 

 
<button>Tank Man</button>

Answer 1

它可能是因爲你還沒有做它拖動利用這段代碼

$（ 「.draggable」）.draggable（）;

所以我建議你修改像這樣

$(document).ready(function(){ 
    $("button").click(function(){ 

var element=$("section:first").clone().addClass('drag(event)');  
$("body").append(element); 
element.draggable(); 
});