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