jQuery droppable接受链接

Question

我创建了一个无序列表，我可以接受并添加拖链接，如超链接或收藏夹等。

我创建了一个可放置的区域：

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

此div目前接受其他可拖动对象，但不接受我想要的对象。我不知道从哪里开始，或者这是否可能。

感谢

Answer 1

使用接受属性：

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

Answer 2

您的jsfiddle代码中有错误。

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

应该是

("#favList").append ...

否则您不会选择任何内容，因为您的ul元素具有favlist id。