jQuery 模糊不起作用

Question

jQuery 的 blur() 函数无法工作。虽然输入值被保存，但它不显示。谁能告诉我为什么？我也尝试过 on('blur', function(){}); 但没有成功。

$('form').each(function() {
    $(this).find(':input')
        .not('input[type=submit], input[type=hidden]')
        .each(function() {

        if (!($.trim($(this).val()))) {
            if ($(this).attr('data-placeholder')) {
                putPlaceholder(this);
            }
        }
        $(this).blur(function() {
            if (!($.trim($(this).val()))) {
                putPlaceholder(this);
            }
        });
    });
});

Answer 1

我在这里完美运行： http://jsfiddle.net/mmmshuddup/aswXV/3/

var placeholder = "I'm a placeholder";
function putPlaceholder(el) {
    // do something
    el.value = placeholder;
    $(el).addClass('placeholder');
}

$('form').each(function() {
    $(this).find(':input')
        .not('input[type=submit], input[type=hidden]')
        .each(function() {
        if (!$.trim(this.value)) {
            if ($(this).attr('data-placeholder')) {
                putPlaceholder(this);
            }
        }

        $(this).focus(function() {
            if (this.value == placeholder) {
                this.value = '';
            }
            $(this).removeClass('placeholder');
        }).blur(function() {
            if (!$.trim(this.value)) {
                putPlaceholder(this);
            }
        });
    });
});