所以我正在尝试创建一个聊天系统,但目前我专注于用户而不是实际的交互,但基本上就在这里。
一些问题包括:
- 如果你输入一个值,你可以反复点击提交,它会在你做的时候切断动画
- 提交值后仍保留在 textarea 中(我希望将其清除)
- 当您向 div 提交太多内容时,内容会忽略 div 并破坏定位。
请帮我。提前致谢!
对于问题 1:为什么不能像这样为 TypeWriting 效果创建插件:
$.fn.teletype = function(opts){
var $this = this,
defaults = {
animDelay: 50,
text:''
},
settings = $.extend(defaults, opts);
$.each(settings.text, function(i, letter){
setTimeout(function(){
$this.html($this.html() + letter);
}, settings.animDelay * i);
});
}
这样您就可以创建多个实例,并且不会影响前一个实例。完成后,您可以销毁该实例。
对于 Ex,您可以调用上述插件,例如,
$('#container').teletype({
animDelay: 50,
text: 'Text to be typed here.'
});