Question

我正在尝试使用jQuery UI创建一个插件。

我希望在悬停此按钮后隐藏/显示按钮上的文字。

这个插件在FF上工作得非常好，但在IE8 +和Chrome上也存在一些问题。

有时候，当我快速离开按钮时，即使是“mouseleave”也无法正常工作。

(function($) {
jQuery.fn.extend({
    buttonHover: function() {
        jQuery(this).hover(function() {
            jQuery(this).button({text: true});
        }, function() {
            jQuery(this).button({text: false});
        }).button({text: false});
    },

有人知道我为什么会遇到这个问题？我可以解决它吗？

编辑：

我发现了一个解决方案，但如果jQuery UI有更新，那就不是我想要的了......

当我使用此代码时：

        buttonHover: function() {
        jQuery(this).hover(function() {
            jQuery(this).removeClass("ui-button-icon-only").addClass("ui-button-text-icon-primary");
        }, function() {
            jQuery(this).removeClass("ui-button-text-icon-primary").addClass("ui-button-icon-only");
        }).removeClass("ui-button-text-icon-primary").addClass("ui-button-icon-only");
    }

它在FF，Chrome和IE8 +上运行良好，但我仍在寻找更好的解决方案

IE8 +和Chrome上的.hover（）问题

0 个答案: