jquery - jQuery在div中附加溢出？

Question

所以我正在尝试创建一个聊天系统，但目前我专注于用户而不是实际的交互，但基本上就在这里。

一些问题包括：

1. 如果你输入一个值，你可以反复点击提交，它会在你做的时候切断动画
2. 提交值后仍保留在 textarea 中（我希望将其清除）
3. 当您向 div 提交太多内容时，内容会忽略 div 并破坏定位。

请帮我。提前致谢！

Answer 1

对于问题 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.'
});