jquery – 除了悬停跨度外,整个DIV都可以点击

我正在使用CSS-Tricks的脚本,这非常简单,除了我的场景包括一个有点棘手的区域:)

剧本：

$(".myBox").click(function(){
   window.location=$(this).find("a").attr("href");
   return false;
});

这完全有效,除了我的DIV内部我有一个包含图标的跨度需要触发工具提示但不能链接到任何地方(已经正常工作).

我的问题：
上面的脚本是否有可能在悬停子跨度时使整个DIV可点击除外？

谢谢！

在您的工具提示代码中,您可以使用 event.stopPropagation()从 bubbling up停止点击,如下所示：

$(".myBox span").click(function(e){
  e.stopPropagation();
  //show tooltip
});

这会阻止click事件转到父.myBox< div>从该工具提示< span>,意味着您当前的.click()处理程序不会触发/重定向页面.