我在每个列表项中有一个带有超链接的列表。此列表不可排序,但可以拖放到 ID 为 #droppable 的 div 上。现在,如果我拖放任何列表项,则 droppable 中提供的功能将完美执行。到目前为止,一切都很好。我不想拖动列表项,而是想单击它来执行相同的可拖放功能,这样我就可以传递列表项的项,如果需要,还可以传递超链接 ID。但这不起作用。
这是我迄今为止尝试过的完整代码:(我有 jQuery 和 jQuery UI)
<ul id="my_list">
<li id="li1"><a href="#" id="a1">Link</a></li>
<li id="li2"><a href="#" id="a2">Link</a></li>
<li id="li3"><a href="#" id="a3">Link</a></li>
</ul>
<div id="droppable"></div>
$("#my_list li, #my_list li a").bind( "click", function(event, ui) {
Drop(event, ui); //Doesnt work
return false;
});
//I also tried the following, but doesnt work
$("#my_list li, #my_list li a").on( "click", function(event, ui) {
Drop(event, ui); //Doesnt work
return false;
});
$("#droppable").droppable({
drop: function(event, ui) {
Drop(event, ui);
}
});
function Drop(event, ui) {
var draggableId = ui.draggable.attr("id");
var droppableId = $(this).attr("id");
alert(draggableId + draggableId); //This alert fires correctly when the droppable is dropped but not if the hyperlink in #my_list is clicked.
};