Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/368.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/oop/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在表单提交时打开引导模式_Javascript_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

Javascript 在表单提交时打开引导模式

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发布表单。您能为我们提供完整的代码吗!!你说

我正在使用bootstrap modal进行一个项目。我只想在表单填写所有字段并按下“完成订阅”按钮时显示我的一个模式


从匿名函数返回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');
});