使用jquery悬停事件半工作

Question

这是我的代码：

$("a.boton").hover(
    function () {
        $(this).html(function (i, origText) {
            return "<i class='fi-check'>&#xf126;</i>" + origText;
        });
    },
    function () {
        $(this).html(function (i, origText) {
            return origText.replace("<i class='fi-check'>&#xf126;</i>", "");
        });
    }
);

它在<i>上添加了<a>雀巢，所以它已经完成了一半，但是当访问者鼠标不在时，我无法删除<i>结束了，有人可以帮帮我吗？

Answer 1

需要添加此

$("a.boton").mouseout(function(){
     $(this).find("i").remove();
});

工作代码here

希望这有帮助！

Answer 2

mouseover()和mouseout()的使用完全可以取代hover()。如果您想要回滚在悬停鼠标上完成的更改。