jQuery的投掷的接受链接

我已经创建了一个无序列表，我会给接受并添加拖累等环节的jQuery的投掷的接受链接

我创建了一个可投放区域的超链接，或收藏等的能力：

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

该div当前接受其他可拖动对象，但不包含我想要的对象。我不确定该从哪里出发，或者这是否可能。

感谢

来源

2011-05-28 SpaghettiMonster

你可以[提供演示]（http://jsfiddle.net/）？我很难用可视化的jQuery UI代码（出于某种未知的原因）... – 2011-05-28 10:15:51

这应该可以帮助您可视化我正在尝试执行的操作，但它显然不起作用！ http://jsfiddle.net/7S4hz/ – SpaghettiMonster 2011-05-28 10:27:06

使用接受属性：

$("#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>'); 
    } 
});

来源

2011-05-28 10:39:30 kaz

感谢您的回应。它似乎并没有工作，虽然，请参阅http://jsfiddle.net/7S4hz/3/ – SpaghettiMonster 2011-05-28 10:48:05

你在你的jsfiddle代码有错误。

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

应该

("#favList").append ...

否则你没有选择任何东西，因为你的UI元素具有favlist ID。

来源

2011-05-28 11:02:56 kufi

感谢你，我已经修复它..但目前的代码甚至没有得到这么远的下降功能没有被触发。 – SpaghettiMonster 2011-05-28 11:11:29

其他对象是否标记为可拖动？ Like $（“a”）。draggable（）; – kufi 2011-05-28 11:28:29

jQuery的投掷的接受链接

回答

相关问题