将事件附加到动态editable = true列表

Question

我有下一个清单

<ul contenteditable="true">
  <li>Some text</li>
</ul>

我使用了下一个脚本

$(document).on('paste','[contenteditable="true"]', function (e) {
  //my actions to take
}); 

它适用于预加载的列表，当我点击输入它创建一个新的<li>元素（并且没关系）但是使用新的列表元素

Answer 1

使用.delegate代替.on

.on

上的jQuery文档

  

根据一组特定的根元素，为现在或将来与选择器匹配的所有元素的一个或多个事件附加一个处理程序。

小心，.on签名与.delegate使用的签名不同！ 有关详细信息，请参阅https://api.jquery.com/delegate/。