是否有褪色+禁用 jQuery 中的插件？

Question

因此，我们通常会遇到无法在 Internet 上使用的褪色对象，例如具有灰色/褪色外观的文本框，无法单击并输入内容。

我想对 CSS 对象执行相同的操作，该对象稍后不会褪色并可供使用。

任何帮助将不胜感激。

谢谢！

Answer 1

你的意思是这样的：

$(element).fadeTo('fast', 0.5).attr('disabled', 'disabled');

请注意，这假设是 jQuery。

Answer 2

jQuery 中有淡入淡出+禁用插件吗？

jQuery 插件

(function($) {
    $.fn.fadeAndDisable = function(delay) {
        delay = delay || 500;
        return this.each(function() {
            $(this).fadeTo(0.5, delay, function() {
                $(this).attr('disabled', 'disabled');
            })
        });
    }

    $.fn.fadeAndEnable = function(delay) {
        delay = delay || 500;
        return this.each(function() {
            $(this).fadeTo(1, delay, function() {
                $(this).removeAttr('disabled');
            })
        });
    }

})(jQuery);

jsFiddle。

用法

$('input').fadeAndDisable(1000);
$('input').fadeAndEnable(1000);

您可能希望扩展它以允许回调，这很容易添加。

Answer 3

您可以使用 animate() 或 fadeout() 然后您可以包含禁用选项..