Tag: jquery events

如何在Ajax加载的内容上绑定事件?

我有一个链接myLink ,它应该将加载了AJAX的内容插入到我的HTML页面的div ( myLink )中。 问题是,我已经绑定了jQuery的click事件没有被执行在新加载的内容,这是插入到appendContainer。 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(); } } }); […]