Question

我有一个表，在ROWS（元素）中，我有一个通过jquery触发模式弹出窗口的类。

因此，如果您单击表中的任何元素，则会弹出模式。

我要在此处解决的问题是：在列中，我有该人的姓名，并且该名称是该人的个人资料的链接，但是当我单击该人的姓名时，模式弹出窗口等，因此href / link不起作用。

是否只有html / css才有干净的解决方案（例如z-index或position或element位置）？还是我必须使用js / jquery来解决它？

简单的例子：

<tr class="popup-trigger">
 <td> title </td>
 <td> <a href="XXX"> Person </a> </td>
</tr>

谢谢。

Answer 1

单击锚点，事件就会冒泡直至tr。

因此给锚点一个类，并像这样使用.stopPropagation()：

$(".popup-trigger").on("click",function(){
  console.log("Opening modal.");
});

$(".table_anchor").on("click",function(e){
  e.stopPropagation();
  console.log("Link click... Not opening modal.");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<table>
  <tr class="popup-trigger">
   <td> Title (triggers modal) </td>
   <td> <a class="table_anchor" href="#"> Person name (not triggering modal) </a> </td>
  </tr>
</table>

使用上的jquery触发器使链接在行内可用

1 个答案: