1

我找到了有关向输入字段添加提示的最佳方法的教程。在这里 我做了它所说的一切，但它仍然不起作用......

$(document).ready(function(){
    $('input[type=text][title],input[type=password][title],textarea[title]').each(function(i){
    $(this).addClass('input-prompt-' + i);
    var promptSpan = $('<span class="input-prompt"/>');
    $(promptSpan).attr('id', 'input-prompt-' + i);
    $(promptSpan).append($(this).attr('title'));
    $(promptSpan).click(function(){
        $(this).hide();
        $('.' + $(this).attr('id')).focus();
    });
    if($(this).val() != ''){
        $(promptSpan).hide();
    }
    $(this).before(promptSpan);
    $(this).focus(function(){
        $('#input-prompt-' + i).hide();
    });
    $(this).blur(function(){
        if($(this).val() == ''){
            $('#input-prompt-' + i).show();
        }
    });
});

});

这段代码有什么问题我找不到吗？我什至创建了jsFiddle以确保它也不起作用......

4

2 回答 2

1

为什么不只使用 html 占位符属性？

<input type="text" id="fname" placeholder="First name">

这会将您的提示文本添加到显示的元素中。请参阅此jsfiddle 示例。

于 2013-09-09T12:27:18.873 回答
0

好的，我知道了。问题的原因完全不同。我在脚本中添加了一些警报，发现它从未执行过。然后我在这个脚本之前执行的不同脚本中发现了一个错误。错误导致整个 JS 终止，因此该脚本从未执行。我纠正错误后，它工作正常！

于 2013-09-09T13:06:24.960 回答