创建移动 jQuery 切换菜单
我正在尝试为移动网站制作 jQuery 切换菜单。
由于它是一个 WordPress 网站，我希望使其尽可能动态。我想创建一个自定义 WordPress 菜单。
现在棘手的部分来了。
我希望它检查菜单项是否有子项（或子 ul），然后在以下之间切换：
< div class="min">-。
当一个项目没有子项时，什么都不会发生。
到目前为止，我已经成功做到了这一点，请参阅我的实验 http://jsfiddle.net/jfvandekamp /9Dvrr/2/
I'm trying to make an jQuery toggle menu for a mobile website.
Since it is a wordpress site I would like to make this as dynamic as possible. I want to create a custom WordPress menu.
Now the tricky part comes.
I want it to check if the menu item has children (or child ul) and then toggle between:
<div class="plus">+</div> and <div class="min">-</div>.
When a item has no childeren nothing should happen at all.
So far I've managed to do this, please see my experiment at http://jsfiddle.net/jfvandekamp/9Dvrr/2/
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
您可以使用 jQuery 函数 $.contains() 来检查 DOM 元素是否在另一个 DOM 元素内。
http://api.jquery.com/jQuery.contains/
所以在你的例子中，你检查单击的菜单项是否包含另一个 UL 元素
$jQuery.contains($(this), '');You can use the jQuery function $.contains() to Check to see if a DOM element is within another DOM element.
http://api.jquery.com/jQuery.contains/
So in your example, you'd check to see if the menu item that was clicked contains another UL element
$jQuery.contains($(this), '<ul>');我会使用
$.has()过滤掉可折叠项目。我已经更新了您的 jsFiddle：http://jsfiddle.net/9Dvrr/5/
I would use
$.has()to filter out the collapsible items.I've updated your jsFiddle: http://jsfiddle.net/9Dvrr/5/