Question

在代码段提供程序中，有一个简单的函数可执行以下操作。

在输入字段中查找电子邮件，＆gt;＆gt;将电子邮件推送到md5哈希，并且＆gt;＆gt;生成一个Gravatar的url，然后通过fadeIn（）;

嵌入到类中

$(document).ready(function(){

    $('.email').on('change', function(){
        var hash = hex_md5($('.email').val()); 
        $('.gravatar').attr('src', 'http://www.gravatar.com/avatar/' + hash + '?s=120').addClass('gravatar-glow').fadeIn("slow");
    });
});


HTML Part: <img src="" class="gravatar" style="display: none;"/>

问题

如果删除了电子邮件，则仍会显示该课程，但这次不使用电子邮件的md5，而是显示默认的Gravatar图像。

我想要实现的是，如果输入字段为空，因为说用户选择删除那些电子邮件以使用另一个，我想隐藏以前使用的类而不是显示默认的Gravatar图像。< / p>

这是jQuery代码

Answer 1

您可以使用toggleClass，此方法接受布尔值，如果切换为true，则添加类，否则删除该类。

.toggleClass( className, switch )

$('.email').on('change', function(){
    var val = $.trim(this.value), hash = hex_md5(val); 
    $('#element').prop('src', function(){
         return val.length
                ? 'http://www.gravatar.com/avatar/' + hash + '?s=120'
                : 'default path to the image'
    }).toggleClass('.gravatar', val.length)
      .fadeIn("slow");
});

如果输入字段为空，则删除类

1 个答案: