8
Ajaxで読み込まれたコンテンツにイベントをバインドする方法は?
HTMLページの(appendedContainer)にmyLinkAJAXロードされたコンテンツを挿入するリンクがありdivます。問題は、clickjQueryにバインドしたイベントが、appliedContainerに挿入された新しくロードされたコンテンツで実行されないことです。clickイベントは、私のAJAX機能がロードされていないDOM要素にバインドされています。 イベントがバインドされるように、何を変更する必要がありますか? 私のHTML: <a class="LoadFromAjax" href="someurl">Load Ajax</a> <div class="appendedContainer"></div> 私のJavaScript: $(".LoadFromAjax").on("click", function(event) { event.preventDefault(); var url = $(this).attr("href"), appendedContainer = $(".appendedContainer"); $.ajax({ url: url, type : 'get', complete : function( qXHR, textStatus ) { if (textStatus === 'success') { var data = qXHR.responseText appendedContainer.hide(); appendedContainer.append(data); appendedContainer.fadeIn(); } } }); }); …