Jquery 모바일 메뉴 전환 (href javascript 제거)

Question

내 고객 중 한 곳의 모바일 웹 사이트에 jQuery 토글 메뉴를 만들려고합니다. 나는 자바 스크립트에 익숙하지 않다는 것을 말해야 할 것입니다. 그리고 저는 그것을보기 시작했습니다.

현재 웹 사이트는 Wordpress 웹 사이트이므로 메뉴 구조가 WP에 의해 생성됩니다.

이것은 WP에 의해 생성 되었기 때문에 자바 스크립트를 사용하여 토글 링을 위해 + - 및> 기호를 추가하고 아무런 자녀도 페이지에 직접 가야하는 경우 데이터를 조작해야합니다.

저는이 자바 스크립트를 사용하여 원하는 아이콘이있는 범위를 추가합니다. 나는 지금까지 관리 해왔다.

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

하지만 난 알아낼 수없는 것이 문제는 여전히 존재한다.

1. "li"에 "ul"자식이 있으면 "a"에서 href를 제거하십시오. 이것은 항목의 링크를 제거하여 가장 깊은 단계로 바로 이동하도록 토글 (링크가 아닌) 만해야합니다.
2. 현재 자바 스크립트는 아이콘이있는 다중 스팬을 추가하고 있습니다. 나는 이유를 알아낼 수 없다.

나는 이것을 잠시 동안 stuggeling하고있다. 누군가 내가 이것을 도울 수 있는지 궁금해하고 있었다.

Answer 1

제공된 jsfiddle에서 사례에 따라 내부에 "+"또는 "-"기호가있는 기간을 추가하기 위해 요소를 반복합니다. 문제는 시작하는 HTML이 이미 그 범위를 가지고 있기 때문에 일부 복제본을 보는 것입니다.

당신이 WP strucutre 때문에 HTML에 그 기간을 추가 할 수 없다고 말했듯이, 나는 jsfiddle을 만드는 동안 당신이했던 나쁜 복사/붙여 넣기에서 오는 것 같아요. 나는 그들을 HTML에서 삭제하고을 추가하여 태그 내부에 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:'); 
    } 

두 번째 문제는 나를 이해하기 조금 어렵습니다. 하위 메뉴가있는 항목과 링크가있는 항목에 대해서만 + 하나만 원하십니까?