拖放圖像使用jquery

Question

我是新來的jquery我有以下代碼，但拖放功能不起作用。文本正在按預期進行更新，但拖動不起作用。請幫助

$(document).ready(function(){ 
 
    $("#title").keyup(update); 
 
}); 
 

 
function update(){   
 

 
    var title = $("#title").val(); 
 
    $("#Displaytitle").html(title); 
 

 
    $("#Displaytitle").draggable(); 
 
    $("#Displaytitle").droppable({ 
 
    drop: function(event, ui) { 
 
     var $text = $("#Displaytitle").text(); 
 
     $(this).addClass("ui-state-highlight").find("p").html($text); 
 
     // $("#msg").hide(); 
 
    } 
 
    }); 
 
}

<form> 
 
    <input name="title" type="text" class="click" id="title" value=" " size="25" /> 
 
    <br/> 
 
    <img name="pic" class="click" id="photo" src="maritime.jpg" width="500" height="500" /> 
 
    <!-- </select> where is the opening tag ? --> 
 
    <br/> 
 
</form> 
 
<!-- </div> where is the opening tag ? --> 
 
<p id="Displaytitle"></p>

Answer 1

我得到了答案here。它超級酷和容易。感謝每一個