2016-11-24 18 views
0

私は現在、クリック時にドロップダウンメニューを作成しています。jQueryメニューのonclickを切り替える

しかし、JsFiddleから見ることができるように、最も内側のULからのリンクは機能しません。

$(document).ready(function() { 
    $("ul > .cat-item").click(function(event){ 
     event.preventDefault(); 
     $(this).find("ul").show(); 
    }); 
}); 

jsfiddle: - - : https://jsfiddle.net/d3p121mc/

右方向に任意のプッシュは非常に参考になる。ここ

は、私が使用しています私のjavascriptのです。

あなたより先です。

+0

あなたは居住地でただ1つの内部ulしか持っていません。そしてそれはフィドルで働いています。問題を確認していただけますか? – vijayP

+0

たとえば、「すべて」のリンクは動作しません。 –

+0

しかし、すべては内部の 'ul'を持っていません – vijayP

答えて

0

私は次のようにJSを変更することで問題を修正: -

$("section > ul > li > a").click(function() { 
    $('ul.children').not($(this).siblings()).slideUp(); 
    $(this).siblings("ul.children").slideToggle(); 
}); 
$("section > ul > li").click(function(e){ 
    if($(this).find('.children').length > 0){ 
     e.preventDefault(); 
    } 
}); 
$("section > ul > li > .children > li > a").click(function() { 
    window.location = $(this).attr('href'); 
}); 

私に知らせてくださいより良い方法がある場合は?

関連する問題