jquery - ボタンのクリック イベントを Droppable のドロップ機能にバインドする

Question

各リスト項目内にハイパーリンクを含むリストがあります。このリストはソートできませんが、ID #droppable の div にドロップできます。リスト項目のいずれかをドラッグ アンド ドロップすると、ドロップ可能で提供される機能が完全に実行されます。ここまでは順調ですね。リスト項目をドラッグする代わりに、それをクリックして同じドロップ可能な機能を実行し、リスト項目の項目と必要に応じてハイパーリンク 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.

};