jQuery UI中的基本拖放方法

-2

這裏有沒有人有關於在jQuery UI中拖放元素的基本教程，如圖像，文本等。我非常感謝您的幫助，我真的需要它。jQuery UI中的基本拖放方法

來源

2012-07-10 Francis Cebu

自己試試：

http://www.ericbieller.com/2010/06/24/how-to-create-a-simple-drag-and-drop-with-jquery/

來源

2012-07-10 02:40:03 maxhud

謝謝。我真的需要這個。 – 2012-07-10 02:43:57

@FrancisCebu：這不是在stackoverflow網站感謝的方式。如果答案有幫助，請點擊upvote，如果答案是最好的，請點擊右邊的標記以接受答案 http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work – 2012-07-10 02:51:06

你可以通過下面的示例。它包含25種方法來做到這一點。

http://www.tripwiremagazine.com/2012/04/jquery-drag-drop-plugins.html

來源

2012-07-10 02:48:45

既然你已經使用jQuery，您可以求索jQuery UI庫。這很容易實現，因爲這

<div class="demo">  
    <div id="draggable" class="ui-widget-content"> 
    <p>Drag me to my target</p> 
    </div> 
    <div id="droppable" class="ui-widget-header"> 
    <p>Drop here</p> 
    </div>  
</div> 
<script> 
$(function() { 
    $("#draggable").draggable(); 
    $("#droppable").droppable({ 
     drop: function(event, ui) { 
      $(this) 
       .addClass("ui-state-highlight") 
       .find("p") 
        .html("Dropped!"); 
     } 
    }); 
}); 
</script>

來源

2012-07-10 02:54:38 Shyju

jQuery UI中的基本拖放方法

回答

相關問題