Jquery添加href而不是click事件

Question

我需要使用 href 而不是 click 事件，以便我可以在以下语句中使用悬停。

我想做的是能够像点击事件一样使用href，这样我就可以通过href附加一个函数，因此我可以使用已经在css上完成的悬停效果。

它是一个删除按钮，因此它将是一个灰色的 x，如果您将鼠标悬停在红色上，并且如果您按下该按钮，则会删除该行。

谢谢。

$(document).ready(function(){
  $(".btnDeleteOther").live("click", function(){
  $(this).closest('tr').not(':only-child').remove();
});

有什么想法吗？

谢谢。

Answer 1

在某些浏览器中，如果您没有 href 来获取 onclick 和悬停功能，则 a:hover 不起作用

<a href="#" onclick="action(); return false;">Delete X</a>

onclick 上的 return false 将阻止浏览器默认操作发生，而 href="#"意味着即使它这样做，这也只是到此页面的链接。

根据其他答案，您可以使用CSS悬停伪类来设置元素的样式

a.delete{
    ...
}

a.delete:hover{
    ...
    color:red;
}

对于 href="#"我会将其放入您提交的 html 中，如果没有，您可以使用以下 jquery 添加属性

$(".btnDeleteOther").attr('href','#');

至于从点击事件返回 false ，至少当你只定义了一个点击事件时，jQuery 会返回你的点击函数返回的内容

$(".btnDeleteOther").click(function(){doStuff(); return false;});

或者对事件使用 PreventDefault 方法

$(".btnDeleteOther").click(function(event){doStuff(); event.preventDefault();});

参见http://api.jquery.com/click/