頁面上使用js寫了一個獲取后臺數據的方法

function data() {    var tab = $("#dic")    $.ajax({      url: '../demo.ashx?method=GetList',      data: {},      dataType: 'json',      type: 'post',      async: true,      success: function (data) {        //console.log(data);        var parentStr = '';        $.each(data, function (i, item) {          //console.log(item.text);                    parentStr += "<div class='pull-right'> <a class='morechange' href='javascript:;' style='visibility: visible;'>更多+</a></div>"});        tab.html(parentStr);      }    })  }

其中的

<a class='morechange' href='javascript:;' style='visibility: visible;'>更多+</a>  綁定一個點擊時間

$('.morechange').click(function(){  alert("彈出")});

發現點擊無效無效

原來是 ajax載入新dom之前js 就加載完了，事件當然沒有綁定到新載入的dom上

解決方法：

使用jquery的委托事件，將該方法委托到頁面已經存在的一個節點上

$("#dic").delegate('.morechange', 'click', function () { alert("彈出"); });

問題解決。

當然也可以不使用異步將async改為false也是可以的

以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持錯新站長站！