2

我在每个列表项中有一个带有超链接的列表。此列表不可排序,但可以拖放到 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.

};  
4

0 回答 0