ID:rQaG6U さんの質問

ajaxでページ内に挿入したコンテンツに対してページリフレッシュせずにJqueryファンクションを有効にするにはどうしたらいいでしょうか。次のようなケースです。

展開したコンテンツ構造のイメージ
 見出しA
   -内容A
 見出しB
   -内容B
 見出しC
   -内容C

Jqueryの動作:見出しクリックで該当内容のトグル表示
 見出しA
 見出しB(←クリックで内容B表示)
   -内容B
 見出しC

Jqueryコードイメージ
$(’見出し’).click(function(){
$(this).next(’内容’).slideToggle();
});

上記のようなイメージで
AjaxによりコンテンツDをページリフレッシュなしで挿入
 見出しA
 見出しB
 見出しC
 見出しD(←クリックしても上記Jqueryが動作しない)
この場合、見出しDをクリックしてもその内容Dが表示されません。
ページリフレッシュすれば表示できるようになります。

根本的な知識不足かもしれませんが
Ajax挿入したコンテンツに対してJqueryを動作させるにはどのようにしたらよいでしょうか。

みんなの回答 1 件

ID:aBxM/b さんの回答

1.9でいうon、以前でいうliveを使えば宜しいかと。

ID:oMz4qt

↑いいね!

ID:rQaG6U

ありがとうございました。問題なく動作させることができました。

最終更新日:2013-09-18 (1,623 views)

関連するトピックス

ページ上部に戻る