Question

我有一个页面，您可以通过ajax搜索来搜索客户。在ajax文件中，它将带有html的mysql的所有结果放入php var并将其传递给JS，它将其粘贴到div中。这部分工作正常。

在放入ajax之前，我使用了标准的html表单/ php / mysql搜索。在每一行（和仍然）上有一个按钮，用于打开下面编码的模态。

<button class="button smsModal" id="patient301" fullname="Nathan Ironsi" phone="61425819959"><i class="fa fa-mobile"></i>&nbsp;sms</button>

现在我正在使用从ajax调用生成的内容，此按钮已停止工作。我已经检查了html，我的格式与之前相同，但javascript没有获得点击。

有人可以解释我犯了什么错误吗？我的猜测是JS并不喜欢拉html而不是原始页面html的一部分，但我不知道如何解决这个问题（或者如果它确实可行！）

模态脚本：

$(".smsModal").on('click', function(){
    $.Dialog({
        overlay: true,
        shadow: true,
        flat: true,
        draggable: false,
        icon: '',
        title: 'SMS',
        content: '',
        padding: 24,
        onShow: function(_dialog){
            var getIdFromButton = $(event.target).attr('id');
            var getFullName = $(event.target).attr('fullname');
            var getPhone = $(event.target).attr('phone');
            var content = 'CONTENT GOES HERE';
            $.Dialog.title("Send SMS to " + getPhone);
            $.Dialog.content(content);
        }
    });
});

谢谢！

Answer 1

我设法通过简单地更改此行来解决此问题：$(".smsModal").on('click', function(){到$(document.body).on('click', 'button', function(){。

感谢Adding onClick event to dynamically generated buttons?获得答案！

使用AJAX生成的内容制作javascript模式

1 个答案: