创建移动 jQuery 切换菜单答案

【问题标题】：Creating mobile jQuery Toggle menu创建移动 jQuery 切换菜单
【发布时间】：2011-10-14 08:58:17
【问题描述】：

我正在尝试为移动网站制作 jQuery 切换菜单。
由于它是一个 wordpress 网站，我想让它尽可能动态。我想创建一个自定义 WordPress 菜单。

现在棘手的部分来了。
我希望它检查菜单项是否有子项（或子 ul），然后在以下之间切换：

<div class="plus">+</div> 和 <div class="min">-</div>。

当一个项目没有子项时，什么都不应该发生。

到目前为止，我已经做到了，请在http://jsfiddle.net/jfvandekamp/9Dvrr/2/查看我的实验

【问题讨论】：

你尝试过任何答案了吗？
对不起，几天（节假日）都去了，但感谢一百万次！我只是想不通，我使用了你的 de jsfiddle 版本。我更改了 de preppend 以将 span 放在 de 内容后面。
请注意，jsFiddle 示例只是：一个示例。明智的做法是不要按原样使用它。此外，如果您的问题得到解决，您应该考虑将问题标记为已回答。
我会的，谢谢你的建议！我让它按照你提到的方式在我的网络服务器上工作。我自己做了一点改变 (jsfiddle.net/9Dvrr/7) 我正在尝试做一个 if else 来显示一个 > 当 + 或 - 不显示时。由于该项目没有子项目，它将是一个简单的项目。再次尝试jsfiddle.net/9Dvrr/6，但没有按照我想要的方式工作

【解决方案1】：

您可以使用 jQuery 函数 $.contains() 检查一个 DOM 元素是否在另一个 DOM 元素中。

因此，在您的示例中，您将检查单击的菜单项是否包含另一个 UL 元素

$jQuery.contains($(this), '<ul>');

【讨论】：

【解决方案2】：

我会使用$.has() 过滤掉可折叠的项目。

我已经更新了你的 jsFiddle：http://jsfiddle.net/9Dvrr/5/

【讨论】：