jQuery的Click事件沒有得到觸發

我一個表添加到一個普通的HTML頁面使用jQueryjQuery的Click事件沒有得到觸發

，我得到的是"<table class=\"table table-hover\"><tr><th>Name</th><th>Father name.... <td><a class="deleteEmployee" href=\"#\" >Delete</a></td></tr> "

的jQuery方法的字符串值的文件準備好後：

$(function() { 
    $.ajax({ 
    url: "/Account/Report", 
    }).done(function (callback) { 
    $('#report').html(callback); 
    }); 
});

我能夠綁定字符串與div #report但以下不起作用。

$('.deleteEmployee').click(function() { 
console.log('Clicked'); 
});

我認爲DOM可能沒有更新，但我能夠看到錨元素和表更新。

我在這裏錯過了什麼。

來源

2015-02-07 Random User

我只能假設你需要'$（文件）.RE ady（function（）{...}）;'圍繞你提供的代碼的點擊事件。 – EternalHour 2015-02-07 11:11:37

@EternalHour把它放在你指出的準備好之內 – 2015-02-07 11:14:35

如果要附加事件動態加載的內容，您必須將事件附加到文檔和使用這樣的選擇：

$(document).on("click",".deleteEmployee",function(){ 
    console.log("Clicked"); 
});

來源

2015-02-07 11:16:05 Abovestand

謝謝你的作品 – 2015-02-07 11:20:40

AJAX加載完成後，您可以點擊綁定...方法

$(function() { 
    $.ajax({ 
    url: "/Account/Report", 
    }).done(function (callback) { 
    $('#report').html(callback); 

      $('.deleteEmployee').click(function() { 
      console.log('Clicked'); 
      }); 

    }); 
});

來源

2015-02-07 11:20:23

負載（），我最喜歡的......如上

$('#report').load("/Account/Report",function (callback) { 

     $('.deleteEmployee').click(function() { 
     console.log('Clicked'); 
     }); 
})

來源

2015-02-09 05:58:43

jQuery的Click事件沒有得到觸發

回答

相關問題