jquery - ドラッグアンドドロップナビゲーション

Question

自分のサイトのドラッグアンドドロップナビゲーションを作成したいと思っています。アイデアは、見出し（つまり、私たちについて、自宅、連絡先など）を取得し、それをスペースにドラッグアンドドロップすると、別のページ（http://www.carbonstudio.coのようなもの）に移動します。 uk /）私はこのjqueryが大好きですが、このようなものを開始する方法がわかりません。

Answer 1

ドラッグアンドドロップを使用するには、ドラッグ可能なjQueryUIを使用できます

ドラッグアンドドロップを使用する必要がある唯一のコードは次のとおりです。

$( "#draggable" ).draggable();

jQuery UI Droppableを使用するには、このリンクを参照してください

例よりも：

$( "#draggable" ).draggable();
$( "#droppable" ).droppable({
  drop: function( event, ui ) {
    $( this )
      .addClass( "ui-state-highlight" )
      .find( "p" )
        .html( "Dropped!" );
  }
});