2012-02-17 20 views
0

私のウェブサイトはナビゲーションのすべての部分にajaxとハッシュタグを使用しているので、メインのナビゲーション部分を除くすべての要素はajax経由でロードされます。私はちょうど私のjavascirptでこのような何かを持つことはできません、それはすべてのために働く:チャットボタンがロードされたときにjQuery ajaxは要素をロードし、自動的にイベントを追加しますか?

$(".chat-wrapper li").draggable(); 

は現在、私は私のAJAX呼び出しの成功一部でこれを配置する必要がありますので、これを追加しますそれらが私の唯一の問題ではない、それは多くの事のために起こる、これは私の現在の例ですので、私の質問はjqueryか何かこれを回避する方法がありますか?これを行うにはいくつかの方法が必要です。したがって、最初のページの読み込み後に呼び出される要素も、これらの要素とすべてで動作します。

ありがとうございました。

答えて

0

イベントを要素にバインドして永続させたい場合は、jQuery関数.live()を調べることができます。

http://api.jquery.com/live/

編集://api.jquery:簡単に見た後、それはjQueryの1.7以降(http://api.jquery.com/on/)と.delegate()(HTTPのよう.onを思われます。 jQuery 1.4.3+の場合はcom/delegate /)がより良い解決策になります。また

$(".chat-wrapper").delegate("li", "bind", function() { 
    this.draggable(); 
}); 

:各関数のページへのリンクの上に存在しますが、あなたはおそらくこの方法(私はすぐにそれを入力したとして、私は間違っている可能性があります)、それを使用することができるため、使用例

$(".chat-wrapper li").on("bind", function() { 
    this.draggable(); 
}); 
+0

もI他のもののためにon()を使用してください。これは愚かな質問ですが、.draggable()でon/liveをどのように使用しますか? –

+0

@DylanCross私は自分の答えを更新しました。うまくいけばそれはちょっと役立ちます。 – fayerth

+0

ありがとうございますが、私はそれらのいずれかで運がないです。 –

関連する問題