javascript - 如何获取模型表单按钮的点击事件？

Question

在我的 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”，但我应该使用什么来代替？

Answer 1

只需将您的点击事件附加到已经存在的元素，它似乎是div.infor-experience，因为您的modal html 在 DOM 加载 之后附加。另外，如果您提供了渲染的任何条件，请确保您的脚本能够在网络浏览器中渲染。

$('.infor-experience').on('click', '.submit', function(e) {
        alert("TEST");
})