2010-09-21 102 views
1

我正在使用jquery插件上传文件,插件检查文件维度并返回相应的错误消息。我显示的错误消息是与此代码。Javascript新手问题

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

现在,如果用户继续尝试错误将继续追加,这就是append的意思。而不是追加我想我的错误代码被替换每次它找到一个。什么是JS代码?

+0

难道你不能只是将divmsg6的innerHTML更改为每次有任何错误消息吗? – Warty 2010-09-21 06:30:14

回答

2

对于我来说,这将是更好地隐藏/显示误差比,删除/添加同样的事情。

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

3

可以使用html()方法:

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