jQuery在div中追加溢出？

Question

所以我正在尝试创建一个聊天系统，但我现在关注的是用户而不是实际的互动，但基本上是here it is。

一些问题包括：

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.'
});