だから私はチャットシステムを作ろうとしていますが、現在は実際のやり取りではなくユーザーに焦点を当てていますが、基本的にはここにあります.
いくつかの問題は次のとおりです。
- 値を入力すると、サブミットを繰り返し押すことができ、そうするたびにアニメーションが途切れます
- 送信後、値はテキストエリアに残ります(クリアしたい)
- 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.'
});