我需要使用 href 而不是 click 事件,以便我可以在以下语句中使用悬停。
我想做的是能够像点击事件一样使用href,这样我就可以通过href附加一个函数,因此我可以使用已经在css上完成的悬停效果。
它是一个删除按钮,因此它将是一个灰色的 x,如果您将鼠标悬停在红色上,并且如果您按下该按钮,则会删除该行。
谢谢。
$(document).ready(function(){
$(".btnDeleteOther").live("click", function(){
$(this).closest('tr').not(':only-child').remove();
});
有什么想法吗?
谢谢。
最佳答案
在某些浏览器中,如果您没有 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();});
关于Jquery添加href而不是click事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2400203/