好的,基本上我有这个:

<div id="tabs">
 <div id="unique_id" class="tab_link" onclick="changeTab(this);">
  <div id="tab_link_image" onclick="closeTab(this);">
   <image src="image.jpg" />
  </div>
 </div>
</div>

现在在closeTab函数中,我从页面中删除了标签。在changeTab函数中,我根据tab_links id切换了一个活动或非活动的类的tab_links类(每个id都是唯一的id)。在最后的closeTab函数中,我调用changeTab函数使第一个选项卡处于活动状态。当你点击tab_link时,一切正常。但是,当您单击tab_link_image以关闭选项卡时,会出现问题。它会关闭选项卡,调用changeTab并将选项卡设置为活动,但它也会从原始选项卡onclick事件再次触发changeTab函数。有没有办法在单击tab_link_image时使其不激活。希望这是有道理的。

有帮助吗?

解决方案

看看事件冒泡和正确的事件绑定,我想你会在 jQuery docs

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top