我正在使用jquery插件上传文件,该插件检查文件尺寸并返回适当的错误消息。我显示的错误消息与此代码有关。

$('#divmsg6').append("<p class = 'red'>Incorrect file dimension, try again</p>");


现在,如果用户继续尝试该错误,将继续添加,这就是添加的含义。而不是附加,我希望每次发现错误代码时都将其替换。这是什么js代码?

最佳答案

对我来说,隐藏/显示错误比删除/添加相同的东西要好。

html

<div id="divmsg6"><p class = 'red'>Incorrect file dimension, try again</p></div>


的CSS

#divmsg6 p.red {
   display: none;
}


当发生错误时,jQuery这样,

$('#divmsg6 p.red').show(); // show error message.


那么您可能想隐藏一段时间。

$('#divmsg6 p.red').show(function(){
    var $this = $(this);
    setTimeout(function(){
       $this.fadeOut(1500);
    },1500);
});


或将其隐藏的任何其他变体,只要在发生错误时再次显示即可。

simple demo

09-18 17:02