jquery - jQueryUIの基本的なドラッグアンドドロップメソッド

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を使用しているので、jQueryUIライブラリを検討することができます。このように実装するのは簡単です

<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>