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

Question

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

我想对一个CSS对象做同样的事情，后来这个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()然后添加选项以停用..