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

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>我相信这个问题是可以解决的，我尝试过但未能解决它。谢谢您的帮助。

Answer 1

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

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

  event.stopPropagation();

});

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

如果这实际上停止了事件但也阻止了它打开新页面，请尝试以下操作：

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

  event.stopPropagation();

  window.open("/fichaproveedor/AnadirEditar/0");

});