CSS3 占位符的 JQuery 后备功能

发布于 2024-11-25 18:57:36 字数 585 浏览 1 评论 0原文

以下函数应确保如果设备不具备 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'));
        }
    });
}
});

任何想法，

太棒了

原文

The following function should ensure that if a device does not have CSS3 abilities that it should be set with a value instead. It does not work. There is no value present in non CSS3 browsers. Here is a fiddle. 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'));
        }
    });
}
});

Any ideas,

Marvellous

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

调妓 2024-12-02 18:57:36

拼写错误，真烦人。对不起大家。

$(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'));
        }
    });
}
});

Spelling Mistake, Thats Annoying. Sorry Everybody.

$(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'));
        }
    });
}
});

回复收藏 0 原文