2011-05-28 60 views
1

我已經創建了一個無序列表,我會給接受並添加拖累等環節的jQuery的投擲的接受鏈接

我創建了一個可投放區域的超鏈接,或收藏等的能力:

$("#dropArea").droppable({ 
    hoverClass:'hovered', 
    drop: function(ev, ui) { 
      $("#urlList ul").append('<li>'+ui.draggable.text()+'</li>'); 
    } 
}); 

該div當前接受其他可拖動對象,但不包含我想要的對象。我不確定該從哪裏出發,或者這是否可能。

感謝

+0

你可以[提供演示](http://jsfiddle.net/)?我很難用可視化的jQuery UI代碼(出於某種未知的原因)... – 2011-05-28 10:15:51

+0

這應該可以幫助您可視化我正在嘗試執行的操作,但它顯然不起作用! http://jsfiddle.net/7S4hz/ – SpaghettiMonster 2011-05-28 10:27:06

回答

0

使用接受屬性:

$("#dropArea").droppable({ 
    accept: 'a', //for all links, you can use class ie. 'a.draggable' 
    hoverClass:'hovered', 
    drop: function(ev, ui) { 
      $("#urlList ul").append('<li>'+ui.draggable.text()+'</li>'); 
    } 
}); 
+0

感謝您的迴應。它似乎並沒有工作,雖然,請參閱http://jsfiddle.net/7S4hz/3/ – SpaghettiMonster 2011-05-28 10:48:05

0

你在你的jsfiddle代碼有錯誤。

("#favList ul").append ... 

應該

("#favList").append ... 

否則你沒有選擇任何東西,因爲你的UI元素具有favlist ID。

+0

感謝你,我已經修復它..但目前的代碼甚至沒有得到這麼遠的下降功能沒有被觸發。 – SpaghettiMonster 2011-05-28 11:11:29

+0

其他對象是否標記爲可拖動? Like $(「a」)。draggable(); – kufi 2011-05-28 11:28:29