欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Ajax異步獲取html數(shù)據(jù)中包含js方法無效的解決方法

 更新時間：2017年02月20日 14:55:21   作者：代碼小六  
本文主要介紹了Ajax異步獲取html數(shù)據(jù)中包含js方法無效的解決方法，具有很好的參考價值，下面跟著小編一起來看下吧

頁面上使用js寫了一個獲取后臺數(shù)據(jù)的方法

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("彈出")
});

發(fā)現(xiàn)點擊無效無效

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

解決方法：

使用jquery的委托事件，將該方法委托到頁面已經(jīng)存在的一個節(jié)點上

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

問題解決。

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

以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！

相關(guān)文章

最新評論