为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

胡子哥哥 2019-12-16 10:02:25
我有一个链接,该链接myLink应该将AJAX加载的内容插入divHTML页面的(appendContainer)。问题是click我绑定到jQuery 的事件未在插入到appendedContainer中的新加载的内容上执行。该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();        }      }    });});$(".mylink").on("click", function(event) { alert("new link clicked!");});要加载的内容:<div>some content</div>如何在Ajax加载的Content上绑定事件?
查看完整描述

3 回答

?
SMILET

TA贡献1796条经验 获得超4个赞

如果您的问题是“如何在ajax加载的内容上绑定事件”,您可以这样做:


$("img.lazy").lazyload({

    effect : "fadeIn",

    event: "scrollstop",

    skip_invisible : true

}).removeClass('lazy');


// lazy load to DOMNodeInserted event

$(document).bind('DOMNodeInserted', function(e) {

    $("img.lazy").lazyload({

        effect : "fadeIn",

        event: "scrollstop",

        skip_invisible : true

    }).removeClass('lazy');

});

因此您无需将配置放在每个ajax代码中


查看完整回答
反对 回复 2019-12-16
  • 3 回答
  • 0 关注
  • 530 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信