如何使用jQuery UI刪除項目時重定向到鏈接？

Question

我有一個菜單

   <div id="nav"> 
    <ul> 
     <li><a href="http://www.example.com"> Home </a></li> 
     <li><a href="http://www.example.com"> About </a></li> 
     <li><a href="http://www.example.com"> Contact </a></li> 
     </ul> 
        </div> 

和拖放區

 <div id="dropzone"> 
    </div> 

一旦列表中的項目之一，在懸浮窗，然後它會重定向到link.I被丟棄正在使用jQuery UI，但我無法弄清楚如何做到這一點，有人可以幫助我？

Answer 1

$(function(){ 
    $("#dropzone").droppable(
     { 
      drop: function(event, ui){ 
      window.location.href = ui.draggable.find("a").attr("href"); 
     } 
    }); 

    $("li").draggable(); 
}); 

見http://jsfiddle.net/PHU8C/

Answer 2

使用window.location.href = 'your_link_url';

Answer 3

，您可以嘗試這樣

$("#dropzone").droppable({ 
    drop: function(event, ui) { 
     window.location.href = 'http://yourlink.com/'; 
    } 
}); 

Answer 4

我從來沒有使用任何...但也許你應該看看documentation？它看起來非常簡單。有一個可以綁定到的放置事件。在回調中$(this)是dropzone。

$(".selector").droppable({ 
    drop: function(event, ui) { 
     window.location.href = $(this).attr("href"); 
    } 
});