jquery - 带有 ajax 加载儿童的 ipod 样式向下钻取菜单

Question

它适用于静态内容和ul > li项目，但我希望能够使用 Ajax 加载子菜单。

例如，给定一些初始标记，例如：

<ul>
  <li>
    <a class="some">some content</a>
    <ul class='childrenContent'/>
  </li>
</ul>`

当我单击时.some，应将其他内容加载到.childrenContent. 这应该发生在所有嵌套菜单上。

不幸的是，我似乎无法让它工作 - 任何帮助将不胜感激。

score 0 · Accepted Answer

正如@DevlshOne 所提到的，了解事件委托肯定会对您有所帮助。查看.on()文档以了解该问题。本质上，您希望将事件绑定到创建页面时不存在的元素。

为了解决这个问题，您将 click 事件绑定到页面加载时确实存在的元素，然后使用以下 jQuery 方法，检查事件是否已通过给定元素冒泡（在本例中.some）。

$("#mydrilldown").on("click", ".some", loadContent);

因此，故障将是“当我单击时#mydrilldown，检查我们是否已经冒泡.some，如果有，请运行loadContent。我没有尝试创建loadContent，因为没有必要，但该函数应该完成所有加载嵌套列表，并在您的情况下创建嵌套.some元素。

1 回答 1