Javascript 在表单提交时打开引导模式
我正在使用bootstrap modal进行一个项目。我只想在表单填写所有字段并按下“完成订阅”按钮时显示我的一个模式Javascript 在表单提交时打开引导模式,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我正在使用bootstrap modal进行一个项目。我只想在表单填写所有字段并按下“完成订阅”按钮时显示我的一个模式 从匿名函数返回false以防止页面重新加载,或对其接收的事件对象调用preventDefault方法 $('#my_form').submit(function (e) { e.preventDefault(); $('#wellcome-modal').modal('show'); }); 这假设您正在使用Ajax发布表单。您能为我们提供完整的代码吗!!你说
从匿名函数返回false
以防止页面重新加载,或对其接收的事件对象调用preventDefault
方法
$('#my_form').submit(function (e) {
e.preventDefault();
$('#wellcome-modal').modal('show');
});
这假设您正在使用Ajax发布表单。您能为我们提供完整的代码吗!!你说的“它不起作用”是什么意思?是否存在名为
wellcome model
的元素?这不会显示表单提交$('#my_form')后的模式。提交(函数(){$('#wellcome model')。model('show');});提交页面重新加载后的原因,因此我建议您使用Ajax方法提交表单,并在成功显示ModalSide注意:您的modals在页面滚动时存在滚动问题,因此您也解决了这个问题,非常烦人当模态打开半隐藏和向下滚动模态卷轴后面的第一页,当它到达底部,然后模态开始向下滚动和同样的情况发生时,向上滚动。这个网站正在开发中。我们已注意到此问题,并将很快解决。非常感谢。
$('#my_form').submit(function () {
$('#wellcome-modal').modal('show');
});
$('#my_form').submit(function (e) {
e.preventDefault();
$('#wellcome-modal').modal('show');
});