頁面上使用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也是可以的
以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持武林網！
新聞熱點
疑難解答
