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

Question

我正在尝试为我的一位客户的移动网站制作jQuery切换菜单。 我不得不告诉你，我对JavaScript没有经验，而我才刚刚开始研究它。

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

因为这是由WP生成的，所以我需要使用javascript来处理数据，以添加+-和>符号进行切换，如果没有子项可以直接进入页面。

我使用此javascript添加具有所需图标的跨度。 到目前为止，我已经做到了。

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

但是仍然有2个我似乎无法弄清的问题。

1. 当“ li”具有“ ul”子代时，从“ a”中删除href。 这应该删除项目的链接，因此它们将仅切换（而不是链接）以直通整个页面。
2. 目前，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:');
    }

您的第二个问题让我更难理解。 对于带子菜单的项目，您只想要一个+，对于具有链接的项目，只想要一个>是？