如何在HTML响应上(来自AJAX调用)上的单击触发器上设置JavaScript

Question

im试图在来自AJAX调用的HTML响应上设置触发器在对话框中显示它。

ex：在单击牙齿上，IM触发以下功能，这将返回HTML响应(下(

$('.tooth').click(function() { 
    var userid = 1; 
    //alert(id);exit;
    // AJAX request
    $.ajax({
        url: 'ajaxCall.php',
        type: 'post',
        data: { 
            userid: userid
        },
        success: function(response) { 
            $('.modal-body').html(response); 
            $('#empModal').modal('show');  
        }
    });     

如何在此按钮上设置jQuery触发器？，我应该在哪个类中实现我的脚本？

html响应：

$response .= " <button id='toothEndo' class='toothEndo'   name='toothEndo'> ENDO </button> "

Answer 1

我不是100％确定您的意图是什么。我假设您想将事件侦听器添加到按钮中，而不是触发事件。

您需要通过普通的jQuery逻辑 完成API调用完成并替换$('.modal-body')中的HTML。

您可以通过在AJAX成功回调中添加.html()后添加$('.toothEndo').click(..)来做到这一点。

您还可以将该事件包装到一个函数中，然后在此时调用该函数。