なぜ2回クリックされましたか？

Question

<li class="nav-parent"> 
    <a><i class="fa fa-list-alt" aria-hidden="true</i><span>Forms</span> 
    </a> 
    <ul class="nav nav-children" id="dd"> 
     <li> 
      <a href="{:url('edit/Form/getone')}"><span class="text"> Editors</span> 
      </a> 
     </li> 
     <li> 
      <a href="{:url('edit/Form/getone')}"><span class="text"> Editors</span> 
      </a> 
     </li> 
    </ul> 
</li> 

こんにちは、私はナビゲーションバーセクションを持っていることがわかりますが、私はクリック機能を使用していますが、クリックすると2回警告します。なぜ誰が知っていますか？おかげで李

$('li.nav-parent ul li a').click(function(){ 
    alert(1); 

    }); 

Answer 1

私はあなたのHTMLで問題が <i class="fa fa-list-alt" aria-hidden="true</i>が適切に閉じられていない上記のコードでは

<li class="nav-parent"> 
    <a><i class="fa fa-list-alt" aria-hidden="true</i><span>Forms</span> 
</a> 

近く構築していると思います。

あなたのコード内の1つの

$(function(){ 
 
    $('li.nav-parent ul li a').click(function(e) { 
 
     e.preventDefault(); 
 
     alert(1); 
 
    }); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<li class="nav-parent"> 
 
    <a> 
 
    <i class="fa fa-list-alt" aria-hidden="true"></i> 
 
    <span>Forms</span> 
 
    </a> 
 
    <ul class="nav nav-children" id="dd"> 
 
    <li> 
 
     <a href="{:url('edit/Form/getone')}"> 
 
     <span class="text"> Editors</span> 
 
     </a> 
 
    </li> 
 
    <li> 
 
     <a href="{:url('edit/Form/getone')}"> 
 
     <span class="text"> Editors</span> 
 
     </a> 
 
    </li> 
 
    </ul> 
 
</li>

Answer 2

エラーの下には試してみてください。<a><i class="fa fa-list-alt" aria-hidden="true</i><span>Forms</span>は、修正後の</i> 、一度だけアラートの前に「行方不明 https://jsfiddle.net/u4s7wmhg/1/

Answer 3

他のユーザーが指摘したようにあなたのコードに>が間違って配置されています。

また あなたはすなわち$('li.nav-parent ul li a')（原因閉じられていない中括弧にイベント伝播）の2つの試合を持っているあなたのjQueryで選択しようとしているが、各liの一致を持っており、それはイベントが各li > a要素のクリックのために二回発射させています。

Answer 4

ありがとうございます。それが原因ではありません。あなたが努力してくれてありがとうございました。