jquery - 拖放导航

Question

我正在寻找为我的网站创建拖放导航。这个想法是获取一个标题（即，关于我们、家庭、联系方式等）并将其拖放到一个空间中，然后将您带到不同的页面（有点像http://www.carbonstudio.co。 uk/ ) 我喜欢这个 jquery，但我不知道如何开始这样的事情。

Answer 1

要使用拖放，您可以使用jQuery UI draggable

您需要使用拖放的唯一代码是：

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

要使用jQuery UI Droppable，请参阅此链接

比一个例子是：

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