jquery点击函数

发布于 2024-08-09 15:15:44 字数 606 浏览 4 评论 0原文

好的，基本上我有这个：

<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（每个id都是唯一的）切换一个类，该类对于每个tab_link类是活动的还是非活动的。在最后的 closeTab 函数中，我调用 changeTab 函数以使第一个选项卡处于活动状态。当您单击 tab_link 时，一切正常。但是，当您单击 tab_link_image 关闭选项卡时，会出现问题。它会正常关闭选项卡，调用changeTab并将选项卡设置为活动状态，但它还会从原始选项卡的onclick事件中再次触发changeTab函数。有没有办法让单击 tab_link_image 时不触发此操作。希望这是有道理的。

原文

ok so basically I have this:

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

Now in the closeTab function I have it removing the tab from the page. In the changeTab function I have it toggling a class that is either active or notactive foreach of the tab_link classes based on the tab_links id (the id is unique for each one). In the closeTab function at the end I call the changeTab function to make the very first tab active. When you click on a tab_link everything works fine. However, when you click on the the tab_link_image to close the tab there is a problem. It closes the tab fine, calls changeTab and sets the tab to active, but it also fires the changeTab function again from the original tabs onclick event. Is there a way to make this not fire when the tab_link_image is clicked. Hopefully that makes sense.

分享到QQ

分享到微博