Ajax异步获取html数据中包含js方法无效的解决方法

Ajax异步获取html数据中包含js方法无效的解决方法。页面上应用js写了贰个拿走后台数据的点子

Ajax异步获取html数据中含有js方法行不通的消除情势,ajaxjs

澳门新萄京官方网站,页面上应用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也是足以的

 

页面上使用js写了四个得到后台数据的艺术 function data() { var tab =
$(“#dic” ) $.ajax({ u…

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上

相关文章