从使用 JQuery AJAX 动态加载的模态中刷新模态时出现问题

问题描述 投票:0回答:0

编辑:所以在继续研究之后,我偶然发现了这不起作用的原因,它必须将新元素绑定到已经运行的 JQuery 侦听器。问题是,Javascript 和 JQuery 不是我的强项。任何人都可以帮助我了解如何在完成 ajax 附加后将成功添加到第一个触发绑定的 jquery 脚本吗?

我有这段代码来加载动态模式,然后在单击此链接时显示它:

<a href="#" id="1" class="messageWindow link">Link</a>

$('.messageWindow').on('click',function(){
    $('#messageBody').load('https://webaddress.com/process/fetch-message.php?m='+(this.id),function(){
        $('#viewModal').modal({backdrop: 'static', show:true});
    });
});

然后我让这段代码等待模式内的链接被点击。

<a href="#" class="messageReply btn btn-info" id="1">Reply</a>

$('.messageReply').on('click',function(){
    $('#messageBody').load('https://webaddress.com/process/fetch-message.php?messageReply='+(this.id),function(){   
    });
});

模态的初始 AJAX 加载和显示模态工作得很好。我无法弄清楚的问题是如何从动态模态中存在的链接完全重新加载整个模态。第二个 jquery 脚本会因为页面加载时不存在模态而忽略点击吗? 我也尝试在第二个脚本中添加函数以显示:true,但这似乎没有任何效果。

我还确认我的 fetch-message.php 脚本正在运行并生成正确的数据。 我正在尝试加载模式以显示电子邮件,然后在单击回复按钮并在文本区域中回复时重新加载模式。

jquery ajax bootstrap-modal
© www.soinside.com 2019 - 2024. All rights reserved.