我搜索了这个问题,但找不到适合我的解决方案。
我正在尝试做四个复选框,但只能从中选择三个。当第四个复选框被选中时,会出现一条淡入淡出的消息,通知用户有关限制。 这是文本中淡出的部分:
$('#warning').fadeIn('slow',function() {
$(this).stop().text("(You can't have more than 3 selected options)");
setTimeout(function() {
$("#warning").fadeOut(300);
}, 2500);
});
延迟不行,所以用了setTimeout。 我不明白为什么第一次点击第四个复选框时,消息立即显示 uo 。我究竟做错了什么?
还有没有办法用延迟而不是 setTimer 来做到这一点?
这里是整个代码的链接:http://jsfiddle.net/e5kns/
最佳答案
尝试将此添加到脚本的开头:
$('#warning').text("(You can't have more than 3 selected options)");
$('#warning').show();
$('#warning').hide();
关于javascript - 使用 fadeIn 无法正确显示 jQuery 文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11442357/