亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在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 關注
  • 564 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號