Tag: 事件 委派

事件委托vs直接绑定时添加复杂的元素到页面

我有这样的标记（类只是为了解释）： <ol id="root" class="sortable"> <li> <header class="show-after-collapse">Top-Line Info</header> <section class="hide-after-collapse"> <ol class="sortable-connected"> <li> <header class="show-after-collapse">Top-Line Info</header> <section class="hide-after-collapse"> <div>Content A</div> </section> </li> </ol> </section> </li> <li> <header/> <section class="hide-after-collapse"> <ol class="sortable-connected"> <li> <header/> <section class="hide-after-collapse"> <div>Content B</div> </section> </li> </ol> </section> </li> </ol> 也就是说，嵌套的可sorting列表。 但是，可sorting的插件就足够了，因为每个li（以下称为“item”）都保持其级别，尽pipe内部列表已连接。 这些项目在展开状态下有一个始终可见的标题和一个可见的部分，通过单击标题进行切换。 用户可以随意添加和删除任何级别的项目; 添加顶级项目将在其中包含一个空巢列表。 我的问题是关于新创build的项目的JS初始化：虽然他们将共享一些常见的function，我可以通过 $("#root").on("click", "li > header", function() { […]