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 件
1.9でいうon、以前でいうliveを使えば宜しいかと。
関連するトピックス