我正在尝试使用AJAX处理表单,然后(在响应回来之后),创建一个弹出窗口,为用户提供2个按钮。
第一个AJAX请求执行得很好,弹出窗口也正常显示。问题是弹出窗口中的一个按钮在按下时不执行任何操作。
使用以下代码解决相关按钮:
$(".c").on("click", function(){
alert('dfgh');
});
弹出窗口的HTML(由原始AJAX请求创建)是:
<div id="exchange_pc" class="popupContainer" style="z-index: 1000;">
….text….
<table>
<tbody>
<tr>
<td>
<form class="removeAndApply" action="">
….hidden inputs….
<button type="submit">XYZ</button>
</form>
</td>
<td>
<button class="c">Keep Current Codes</button> //this is the button I'm asking about
</td>
</tr>
</tbody>
</table>
</div>
奇怪的是,当我创建一个普通的旧按钮时,它工作得很好。仅在生成的弹出窗口中没有。 (即使它是动态创建的,我的理解是使用“.on()”应该可以使它工作......)