与ajax加载儿童的ipod样式钻取菜单

Question

我想使用this iPod-styled jQuery drill down plugin实现向下钻取菜单 - see examples

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

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

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

点击.some后，应将其他内容加载到.childrenContent。这应该适用于所有嵌套菜单。

不幸的是，我似乎无法让这个工作 - 任何帮助都会受到赞赏。

Answer 1

正如@DevlshOne所提到的，了解事件委托肯定会对你有所帮助。 Check out the .on() documentation了解该问题。基本上，您希望将事件绑定到创建页面时不存在的元素。

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

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

因此，当我点击#mydrilldown时，细分将是＆＃34;检查我们是否已通过.some冒泡，如果有，请运行loadContent 。我没有尝试创建loadContent，因为没有必要，但该函数应该完成嵌套列表的所有加载，并在您的案例中创建嵌套的.some元素