为什么它被点击两次？

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> 

嗨，正如你可以看到我有一个导航栏部分，我使用点击功能，但是当我点击时，它警报两次。有谁知道为什么？感谢李

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

    }); 

Answer 1

我想有一个你的HTML一个问题近

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

建设在上面的代码中 <i class="fa fa-list-alt" aria-hidden="true</i>无法正常关闭。

试试下面一个

$(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

由其他用户为指出您在代码中放错了>。

而且 你正在尝试在您的jQuery其中有两场比赛（事件传播，由于未关闭括号）来选择，即$('li.nav-parent ul li a')有比赛为每个li而这导致事件为每个li > a元素点击射击两次。

Answer 4

谢谢你们。但这不是因为这个。 :(我刚刚发现的原因是因为我在某处加载了这个点击函数两次，但是谢谢你的努力