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:');
    }

您的第二個問題讓我更難理解。 對於帶子菜單的項目，您只想要一個+，對於具有鏈接的項目，只想要一個>是？