我有一个链接myLink
,它应该会将Ajax加载的内容插入到我的HTML页面的div
(AppenddedContainer)中.问题是,我用jQuery绑定的click
事件没有在插入到appenddedContainer中的新加载内容上执行.click
事件绑定在没有加载Ajax函数的DOM元素上.
我必须改变什么,才能使事件受到约束?
My HTML:
<a class="LoadFromAjax" href="someurl">Load Ajax</a>
<div class="appendedContainer"></div>
My 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!");});
The content to be loaded:
<div>some content</div>
<a class="mylink" href="otherurl">Link</a>