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);
});

---

参考文献

事件目标