单击特定按钮时如何禁用数据表中的排序

Question

我在数据表标题中有一个添加按钮，其中还有一个排序按钮。当我单击添加按钮时，它会对列进行排序，然后打开一个新页面。我希望当单击添加按钮时它会打开一个新页面而不进行排序。我怎样才能防止这种情况谢谢你的帮助

这是视觉的样子

这是我的html

<th><p><a id="open-new" class="btn" href="/fichaproveedor/AnadirEditar/0" ><i class="material-icons-add" title="Crear nuevo">add_box</i></a>Proveedor Id</p></th>

这里是完整生成的html

<th class="sorting_asc" tabindex="0" aria-controls="proveedorTable" rowspan="1" colspan="1" style="width: 142px;" aria-label="add_boxProveedor Id: Activar para ordenar la columna de manera descendente" aria-sort="ascending"><p><a id="open-new" class="btn" href="/fichaproveedor/AnadirEditar/0"><i class="material-icons-add" title="Crear nuevo">add_box</i></a>Proveedor Id</p></th>

我相信这个问题可以通过我尝试过但未能解决的 javascript 来解决。感谢您的帮助。

Answer 1

我不确定这是否真的有效，因为我自己没有尝试过，只是基于我自己在互联网上阅读的内容。但我希望它有所帮助。

$( "#open-new" ).click(function( event ) {
  event.stopPropagation();
});

据我了解，当您单击该图标时，它应该只执行给定的操作，因此打开新页面，使用event.stopPropagation(); 您将阻止任何其他事件的发生。

如果这实际上停止了事件，但也阻止了它打开新页面，试试这个：

$( "#open-new" ).click(function( event ) {
  event.stopPropagation();
  window.open("/fichaproveedor/AnadirEditar/0");
});