jquery選擇器點擊不動從動態生成的按鈕？

Question

從一個Ajax調用成功生成以下按鈕（有很多人）：

<a class="btn appDetails" href="#myModal" data-toggle="modal" role="button">' + data.Application_Name + '</a> 

我已經嘗試了所有的下面和他們都不火災：

$('.appDetails').click(function() { 
    alert("test"); 
}); 

$('.appDetails').live("click", function() { 
    alert("test"); 
}); 

$('.appDetails').on("click", function() { 
    alert("test"); 
}); 

$('document').on("click",".appDetails", function() { 
    alert("test"); 
}); 

可能丟失了一些愚蠢的...請注意，點擊鏈接確實正確打開引導模式。不知道這是否矛盾，我不這麼認爲...

Answer 1

你需要做的是這樣

$(document).on("click",".appDetails", function() { 
    alert("test"); 
}); 

Answer 2

您可能需要使用$（文件）。就緒

$(document).ready(function() { 
    $('.appDetails').live("click", function() { 
     alert("test"); 
    }); 
}); 

// 1.7+ 
$(document).ready(function() { 
    $(document).on("click", ".appDetails", function() { 
     alert("test"); 
    }); 
});