Question

我正在尝试为我的一个客户为移动网站制作一个jQuery切换菜单。我必须告诉你，我没有javascript的经验，我开始看着它。

当前网站是Wordpress网站，因此菜单结构由WP生成。

因为这是由WP生成的，我需要使用javascript来操作数据以添加+ - 和＆gt;切换的标志，如果没有孩子直接进入页面。

我使用此javascript添加带有所需图标的跨度。我到目前为止管理过。

http://jsfiddle.net/9Dvrr/9/

但我仍然无法弄清楚有两个问题。

当“li”具有“ul”子项时，从“a”中删除href。这应删除项目的链接，以便它们只能切换（不链接）以直接导航到最深层。
目前，javascript正在添加带有图标的多个跨度。我似乎无法弄明白为什么

我现在正在捣乱这一段时间，并且想知道是否有人可以帮助我。

Answer 1

在你提供的jsfiddle中，你循环使用元素来添加带有“+”或“ - ”符号的跨度，具体取决于具体情况。问题是，你开始使用的HTML已经包含了这些内容，这就是为什么你会看到一些重复的内容。

正如你所说，由于你的WP结构，你无法在HTML中添加这些跨度，我猜它们来自你在创建jsfiddle时所做的糟糕的复制/粘贴。我在HTML中删除了它们并添加了return false以防止在标记内部存在ul时链接到另一个页面。

http://jsfiddle.net/wzzGG/

Answer 2

您的第一个问题可以通过以下方式解决：

$.each($('#menu-mobiel li'), function(i, value) {
    var $this = $(this);
    if ($this.has('ul').length > 0) {
        $this.children('a').attr('href','javascript:');
    }

你的第二个问题对我来说有点难以理解。你只想要一个+用于带子菜单的项目，一个＆gt;对于有链接的项目？

Jquery切换移动菜单（删除href javascript）

2 个答案: