Javascript jQuery上次事件触发两次
我正在使用以下代码构建jQuery树样式列表。每个API调用(除了最后一个)都会吐出N个LIs,如下所示。最后一个吐出一张桌子让我放进另一个分区Javascript jQuery上次事件触发两次,javascript,jquery,ajax,Javascript,Jquery,Ajax,我正在使用以下代码构建jQuery树样式列表。每个API调用(除了最后一个)都会吐出N个LIs,如下所示。最后一个吐出一张桌子让我放进另一个分区 <li><a data-category="SOMECATEGORY" data-id="SOME ID">SOMETHING</a><ul><!-- AJAX --></ul></li> 问题是什么?最后一次单击应仅触发一次 编辑:::单击(浏览->位置1->第一层
<li><a data-category="SOMECATEGORY" data-id="SOME ID">SOMETHING</a><ul><!-- AJAX --></ul></li>
问题是什么?最后一次单击应仅触发一次
编辑:::单击(浏览->位置1->第一层->汽车)时,DOM如下所示
<li>
<a id="Browse">Browse</a>
<ul>
<li>
<a data-id="2" data-category="locations">LOCATION 1</a>
<ul>
<li>
<a data-id="2" data-category="floors">First Floor</a>
<ul>
<li>
<a data-id="truck" data-category="equipment">truck</a>
<ul><!-- -- AJAX ----></ul>
</li>
<li>
<a data-id="car" data-category="equipment">car</a>
<ul><div class="ui-widget">Loading...</div></ul>
</li>
<li><a data-id="boat" data-category="equipment">voat</a>
<ul><!-- -- AJAX ----></ul>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a data-id="1" data-category="locations">Location 2</a>
<ul><!-- -- AJAX ----></ul>
</li>
</ul>
</li>
浏览
-
地点1
-
一楼
-
卡车
-
汽车
装载…
- 呕吐
-
地点2
编辑::其他路径(位置2)
浏览
-
地点1
-
地点2
-
一楼
-
卡车
-
汽车
-
船
-
二楼
-
三楼
-
四楼
呈现的html是什么样子的?如果您有一个嵌套列表,- ,它也将被视为.childen(“ul”);所以你是我的孩子ul发射事件,孩子ul的孩子ul同意。我们能要把小提琴吗?我想这不是孩子们的事。一些上层有多个孩子。例如,单击位置1时,即使存在多个位置,位置2也不会激发。最后一个是问题的根源,它只有一个孩子。其他一切都正常工作。只需进行另一次遍历
<li>
<a id="Browse">Browse</a>
<ul>
<li>
<a data-id="2" data-category="locations">LOCATION 1</a>
<ul>
<li>
<a data-id="2" data-category="floors">First Floor</a>
<ul>
<li>
<a data-id="truck" data-category="equipment">truck</a>
<ul><!-- -- AJAX ----></ul>
</li>
<li>
<a data-id="car" data-category="equipment">car</a>
<ul><div class="ui-widget">Loading...</div></ul>
</li>
<li><a data-id="boat" data-category="equipment">voat</a>
<ul><!-- -- AJAX ----></ul>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a data-id="1" data-category="locations">Location 2</a>
<ul><!-- -- AJAX ----></ul>
</li>
</ul>
</li>
<li>
<a id="Browse">Browse</a>
<ul>
<li>
<a data-id="2" data-category="locations">Location 1</a>
<ul><!-- -- AJAX ----></ul>
</li>
<li>
<a data-id="1" data-category="locations">Location 2</a>
<ul>
<li>
<a data-id="3" data-category="floors">First Floor</a>
<ul>
<li>
<a data-id="truck" data-category="equipment">truck</a>
<ul></ul>
</li>
<li>
<a data-id="car" data-category="equipment">car</a>
<ul></ul>
</li>
<li>
<a data-id="boat" data-category="equipment">boat</a>
<ul><!-- -- AJAX ----></ul>
</li>
</ul>
</li>
<li>
<a data-id="4" data-category="floors">Second Floor</a>
<ul><!-- -- AJAX ----></ul>
</li>
<li>
<a data-id="5" data-category="floors">Third Floor</a>
<ul><!-- -- AJAX ----></ul>
</li>
<li>
<a data-id="6" data-category="floors">Fourth Floor</a>
<ul><!-- -- AJAX ----></ul>
</li>
</ul>
</li>
</ul>
</li>