拖放导航

Question

我正在为我的网站创建拖放导航。这个想法是采取一个标题（即，关于我们，家庭，联系等），并将其拖放到一个空间，然后导致你到一个不同的页面（类似http://www.carbonstudio.co.uk/）我喜欢这个jQuery，但我没有想法如何开始这样的事情。

Answer 1

要使用拖放就可以使用jQuery UI draggable

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

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

要使用jQuery UI Droppable see this link

不是一个例子是：

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