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

在我的django网络应用程序上，我有一个网页，当点击一个按钮时，打开一个模式窗体。在这个表格中有几个字段和一个保存按钮。当按下保存按钮时，我想要执行某些操作，例如打印警报。这里是我的尝试：如何获取模型表单按钮的点击事件？

型号形式代码：

<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块：

<script type="text/javascript"> 
    // Add to short list handler 
    $('.add-to-list').on('click', '.submit', function(e) { 
     alert("TEST"); 
    }) 
</script>

基本上，我想要做的是用户点击时保存在添加到列表模式中，打印警报“测试”。

从我的理解它不工作的原因是因为它找不到'.add-to-list'，但我应该使用什么呢？

来源

2016-11-28 user2573690

您能否显示您的完整模态代码，包括“保存按钮”？ –

@GuruprasadRao这是怎么回事：https://jsfiddle.net/#&togetherjs=3dqy3zr2ya – user2573690

你小提琴的链接是坏的，不会让我的代码 –

只需附上click event到已经存在element这似乎是div.infor-experience，因为你的modalhtmlDOM load后会被追加。另外，如果您已提供任何条件供他们渲染，请确保您的script在网络浏览器中呈现。

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

来源

2016-11-28 04:45:51

这可能是您的脚本的定位。在执行时，DOM可能还没有准备好或存在。

你可以换你喜欢的DOM相关代码，以便：

$(document).ready(init); 

function init(){ 
    $('.add-to-list').on('click', '.submit', function(e) { 
    alert("TEST"); 
    }) 
}

来源

2016-11-28 04:09:21 jkris

试试这个

$(document).ready(function() { 
    $('.add-to-list').on('click', '.submit', function(e) { 
     alert("TEST"); 
    }); 
});

你应该在$添加代码（文件）。就绪（），以便等待加载完整的DOM，然后在加载DOM之前重复该方法。

来源

2016-11-28 04:31:19

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

回答

相关问题