Jquery 从ajax调用生成的引导模式体中的触发器按钮

我将从一个ajax调用生成一个模态体，该调用由几个带有特定ID的按钮组成。下面是代码

$('.btn-detail').on( "click", function(e) {

    var id = $(this).attr("id");

    e.preventDefault();

    $('.modal-body').load('/product/'+id+'/show-detail', function(){
        $('#detail').modal({ show:true });
    });
}); 

这是模态的内容

<div>
    <button id="btn-a">Do Something</button>
    <button id="btn-b">Do Something Else</button>
</div>

---

我一直在阅读jQuery事件处理程序，但不知道如何应用于此条件。

什么不起作用？不确定你在问什么，请详细说明..我已经试过这个$（'.btn-detail'）。在（“click”、“#btn-a”、函数（e）…上。然后函数不做任何事情而不是加载内容。如果我不添加#btn-a处理程序，它只是加载很好，但按钮不起作用。在你的代码中

id=“btn-a”

是id，您正在使用类选择器，即：

$（'.btn-a'）。

？Swati，它的打字错误..它实际上是一个id。谢谢，我正在编辑我的问题。试着像这样使用它：

$（'.modal body'）。on（'click'，'btn-a'，function（）{..

或

$（文档）。on（'click'，'btn-a'，function（））{.

什么不起作用？不确定你在问什么，请详细说明..我已经试过这个$（'.btn detail'）。在（“click”、“#btn-a”、函数（e）…上，然后函数什么也不做，而不是加载内容。如果我不添加#btn-a处理程序，它只是加载很好，但按钮不起作用。在你的代码中

id=“btn-a”

是id，您正在使用类选择器，即：

$（'.btn-a'）。

？Swati，它的打字错误..它实际上是一个id。谢谢，我正在编辑我的问题。尝试像这样使用它。

$（'.modal body'）。在（'click'，'btn-a'，function（）{.

或

$（文档）。在（'click'，'btn-a'，function（）{.

$('#btn-a').click(function(){
    //do something
});

$('#btn-b').click(function(){
    //do something else
});