页面移动时单击超链接

Question

我写了以下超链接

 <u><a class="delete_product" href="somelink" >delete</a></u>

以及以下的JS

 $( ".delete_product" ).on( "click", function() {

             var confirm_click=confirm("Delete this product");
             if(confirm_click===false)
             return false;
        });

当我点击此链接时，整个产品行（为其提供此删除按钮）向左移动1/2秒，然后返回到相同位置。有人遇到过这个问题吗？

Answer 1

使用preventDefault：

$( ".delete_product" ).on( "click", function(e) {
         var confirm_click=confirm("Delete this product");
         if(confirm_click===false)
         return false;
         e.preventDefault();
    });

Answer 2

字体大小被应用程序中指定的链接的默认字体大小覆盖。因此，在单击超链接时，它会增长到该字体大小。编写字体大小：9px！important解决了问题