Question

以下函数应确保如果设备没有CSS3功能，则应使用值设置。这是行不通的。非CSS3浏览器中没有任何值。这是一个小提琴。 http://jsfiddle.net/X9ZZp/2/

// Search Input Placeholder 
$(document).ready(function(){
if(!Modernizr.csstransitions) {
    $('#gensearch').val($('#gensearch').attr('plaeholder'));
    $('#gensearch').click(function() {
        $(this).val('');
    });
    $('#gensearch').blur(function() {
        if($(this).val() == '') {
            $(this).val($(this).attr('plaeholder'));
        }
    });
}
});

任何想法，

非凡

Answer 1

拼写错误，多数民众赞成。对不起每个人。

$(document).ready(function(){
if(!Modernizr.csstransitions) {
    $('#gensearch').val($('#gensearch').attr('placeholder'));
    $('#gensearch').click(function() {
        $(this).val('');
    });
    $('#gensearch').blur(function() {
        if($(this).val() == '') {
            $(this).val($(this).attr('placeholder'));
        }
    });
}
});

Answer 2

重写了你的例子 - 它可以在IE7中使用

您是否知道可以向JSFIDDLE添加资源而不必声明它们：

Look at this example

CSS3占位符的JQuery回退函数

2 个答案: