jQuery UI中的基本拖放方法

Question

这里有没有人有关于jQuery UI中元素拖放的基本教程，比如图像，文本等。我​​非常感谢你的帮助，我真的需要它。

Answer 1

自我解决：

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

Answer 2

您可以查看以下示例。它包含25种方法。

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

Answer 3

由于你已经在使用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>