1

我正在尝试使用 jQuery UI 制作插件。

我想在此按钮悬停后隐藏/显示按钮上的文本。

这个插件在 FF 上运行得非常好，在 IE8+ 和 Chrome 上也能运行，但有一些问题。

有时，当我快速离开按钮时，即使“鼠标离开”也不起作用。

(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+ 上运行良好，但我仍在寻找更好的解决方案

4

0 回答 0