jquery - "UnHover"使用 jQuery 移动元素

Question

当我单击一个元素时，我使用 jQuery 将其移动到页面上的不同位置。该元素处于“悬停”状态，因为当我单击它时光标位于其上方。当元素到达新位置时，它会保留“悬停”状态。我该如何清除它？

Answer 1

这就是我使用的(请注意，这是一个插件，因此应放置在 $(document).ready() 语句之外):

(function($) {
/*
    UnHover function
*/
    $.fn.unhover = function(ev) {
        this.each(function() {
            $(this).addClass('unhover').mouseout(function(){
                $(this).removeClass('unhover');
            });
        });
        return this;
    };
})(jQuery);

像这样附加它:

$(document).ready(function(){
    $(a).click(function(){
        $(this).unhover();
        // other onclick code
        return false;
    });
});

CSS 需要 .unhover 来声明元素的自然状态，如下所示:

a, a.unhover { color:#fff; }
a:hover {
    color: red;
    font-weight:bold;
}