У меня есть ссылка, myLink
, которая должна вставлять содержимое, загруженное AJAX, в div
(appendedContainer) моей HTML-страницы. Проблема в том, что событие click
, которое я связал с jQuery, не выполняется на вновь загруженном содержимом, которое вставлено в appendedContainer. Событие click
связано с элементами DOM, которые не загружаются с моей функцией AJAX.
Что мне нужно изменить, чтобы событие было связано?
Мой 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();
}
}
});
});
$(".mylink").on("click", function(event) { alert("new link clicked!");});
Загружаемый контент:
<div>some content</div>
<a class="mylink" href="otherurl">Link</a>