私はHTMLコード内のいくつかのオブジェクトにアクションを付けるスクリプトを持っています。たとえば、入力された文字数を更新する with-counter
のクラスを持つテキストエリアを言います。 mouseover
が発生したときにリッスンするリスト。 ajaxifiedされているリンク。等々。
例えば。:
$("textarea.with-counter").keydown(function(){
var text_len = $(this).val().length;
//manipulate the span/etc that has the counter
});
$("a.ajax_link").click(function(){
var loc = $(this).attr("href");
//load the value of href via $.ajax to some div
//yadda yadda
});
最初のシナリオは次のとおりです。比較的少量のHTMLがデータベースからロードされ、アクションがアタッチされています(上記のコードスニペットを実装しています)。さて、私は同じ形式のHTMLの別のチャンクを読み込むこのスクリプトを持っています。新しく読み込まれたHTMLは、同じアクションを受け取る必要があります。
問題の根底には次のようなものがあります。これらのアクションを、以前にこれらのアクションをアタッチしたオブジェクト/要素にアタッチする必要はありません。新しいHTMLのチャンクがロードされるにつれて、このアクションの追加が遅くなります。アクションは、以前にロードされたHTMLにアタッチされています(これらのアクションがあることを覚えておいてください)。アクションは、新しくロードされたHTMLチャンクにのみ接続する必要があります。 FFがフリーズし、スクリプト処理を続行するかどうか尋ねることがあります。
Ergo、質問:前にアクションを付けた要素にアクションの添付をバイパスする方法がありますか?
*百万の皆さん、ありがとうございます。