jQuery可排序綁定單擊事件

Question

如何在可排序的jQuery UI中將單擊事件綁定到特定項目上？

<div id="sortable"></div>`

我嘗試使用

$(document).on('click', '#sortable', function() { 
     alert('test'); 
});

但是，當我單擊一項時，它會單擊所有內容。 有沒有辦法知道單擊了哪個項目？

更新：

感謝您注意到我的輸入錯誤，現在刪除了文檔中的引號。 這是一個小提琴。

我為你們制造了小提琴 。

重現：將2個項目拖到主體上，然后單擊該項目

Answer 1

$(document).on('click', '#sortable', function(e) { 
     alert(e.target); // here you will see for more detail use **console** 
});

參考event.target

Answer 2

你有錯字

從文檔中刪除引號

$(document).on('click', '#sortable', function(event) { 
   alert(event.target.nodeName);
});

---

參考文獻

事件目標