在我的 django Web 应用程序上,我有一个网页,单击按钮时会打开一个模式表单。在此表单上有一些字段和一个保存按钮。当按下保存按钮时,我想做一些事情,比如打印警报。这是我尝试过的:
模型表单代码:
<div class="container-content">
<div class="infor-experience col-lg-2 more_info">
{% if request.user|isEmployer %}
<div class="add-to-list">{% include "layout/addtolistmodal.html" %}</div>
<div class="connect-now bottom">{% include "layout/bidmodal.html" %}</div>
{% endif %}
<!-- more code below here -->
与上面模式相同的 HTML 文件中的 Javascript block :
<script type="text/javascript">
// Add to short list handler
$('.add-to-list').on('click', '.submit', function(e) {
alert("TEST");
})
</script>
基本上,我想要做的是当用户单击“添加到列表”模式上的“保存”时,打印警报“TEST”。
根据我的理解,它不起作用的原因是因为它找不到“.add-to-list”,但我应该使用什么来代替?
最佳答案
只需将您的点击事件
附加到已经存在的元素
,它似乎是div.infor-experience
,因为您的modal
html
在 DOM 加载
之后附加。另外,如果您提供了渲染的任何条件,请确保您的脚本
能够在网络浏览器中渲染。
$('.infor-experience').on('click', '.submit', function(e) {
alert("TEST");
})
关于javascript - 如何获取模型表单按钮的点击事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40836954/