JQuery - 防止浏览器在删除行（TR）后向上滚动

Question

我有一个表格，页面底部有行。我在下面有一个Jquery脚本，当用户点击＆＃34;删除＆＃34;在行中链接，它工作正常。但是，每次删除行时，浏览器都会向上滚动，然后我必须向下滚动才能删除另一行。

有没有办法阻止浏览器在删除表格行后向上滚动？

这是我的JQuery删除行：

jQuery.fn.removeRow = function()
    {
        var row = $(this).closest('tr');
        $(row).remove();
    }

这是单元格内的删除链接（TR / TD）。

<a href="#" onClick="$(this).removeRow();">Delete</a>

谢谢，

Answer 1

在点击事件中使用event.preventDefault()。

对于原生javascript示例：

https://developer.mozilla.org/en-US/docs/Web/API/event.preventDefault

例如，如果使用jQuery，它会将event传递给您定义的函数：

$('.delete-row').click(function(event){
  event.preventDefault();
  // remove the row code goes here
});