どのようにワンクリックを取得するためにクリックネストしたli要素の後に

Question

は、私がクリックしたli要素を識別するために問題を抱えている、彼女は、HTMLの構造である：私は私にProduct_5を与えるProduct_5警告にクリックので

<section class="right_menu" id="right_menu"> 
<div class="menu_pusher"> 

    <ul id="0"> 
    <li><a href="#">Product_1</a></li> 
    <li><a href="#">Product_2</a></li> 
    <li><a href="#">Product_3</a></li> 
    <li><a href="#">Product_4</a></li> 
    <li class="Product_5"><a href="#">Product_5</a> 
     <ul> 
     <li class="Article_1"><a href="#">Article_1</a> 
      <ul> 
      <li><a href="#">Detail_1</a></li> 
      <li><a href="#">Detail_2</a></li> 
      <li><a href="#">Detail_3</a></li> 
      </ul> 
     </li> 
     <li><a href="#">Article_2</a></li> 
     <li><a href="#">Article_3</a></li> 
     <li><a href="#">Article_4</a></li> 
     </ul> 
    </li> 
    <li><a href="#">Product_4</a></li> 
    </ul> 

</div> 
</section> 

ので大丈夫ですが、私はArticle_1警報Article_1とArticle_5 agein、それはダブルクリックのように見えるが、私は今の方法を与えてくださいclikcしたとき。

function has_ul(element){ 
    if((element.getElementsByTagName('li').length >= 1)) 
     return true; 
    else 
     return false; 
} 

$(document).ready(function() 
{ $('#right_menu .menu_pusher ul li').on('click',rout);}) 

var timeout  = 500; 
var closetimer  = 0; 
var ddmenuitem = 0, 
open = false; 

function rout(){open?jsddm_close():jsddm_open(this);} 

function jsddm_open(el) 
{ 
//open=true; 
jsddm_canceltimer(); 

    if(has_ul(el)){ 
     var lef = parseInt($('.menu_pusher').css("left")) - 220; 
     alert(el.className); 
     $('.menu_pusher').css('left', lef); 
     return false; 
    } 
} 

function jsddm_close() 
{ 

if(ddmenuitem) ddmenuitem.css('display', 'none'); 
open=false;} 

function jsddm_timer() 
{ closetimer = window.setTimeout(jsddm_close, timeout);} 

function jsddm_canceltimer() 
{ if(closetimer) 
    { window.clearTimeout(closetimer); 
     closetimer = null;}} 

だから私はli要素に到達する方法はクリック：

これはjavascriptのコードですか？ここでは、この例へのリンクは次のとおりです。

https://jsfiddle.net/rwqc9bje/

Answer 1

は、これは、この二重のイベント動作を避ける必要があります...代わりに李の要素にイベントを処理するようにしてください。