Javascript 在Jquery步骤表单提交之后不显示模式

Javascript 在Jquery步骤表单提交之后不显示模式,javascript,jquery,html,bootstrap-modal,Javascript,Jquery,Html,Bootstrap Modal,我尝试在提交J查询步骤表单之后显示模式。但有时模态会立即消失,有时不会出现。 以下代码在SO上的在线模拟器上运行良好,模态显示完美但“我的浏览器”上不显示模式。 $(文档).ready(函数(){ 功能调整框架高度(){ 变量$body=$('body'), $iframe=$body.data('iframe.fv'); 如果($iframe){ //调整iframe的高度 $iframe.height($body.height()); } } //重要提示:在调用.formValidati

我尝试在提交J查询步骤表单之后显示模式。但有时模态会立即消失,有时不会出现。

以下代码在SO上的在线模拟器上运行良好,模态显示完美但“我的浏览器”上不显示模式。

$(文档).ready(函数(){
功能调整框架高度(){
变量$body=$('body'),
$iframe=$body.data('iframe.fv');
如果($iframe){
//调整iframe的高度
$iframe.height($body.height());
}
}
//重要提示:在调用.formValidation()之前必须调用.steps()
$(“学生问题”)
.步骤({
headerTag:'h2',
bodyTag:'节',
自动对焦:对,
enableContentCache:true,
过渡效果:“褪色”,
过渡速度:170,
onStepChanged:函数(e、currentIndex、PrioriIndex){
//你不需要关心它
//这是针对特定演示的
调整框架高度();
},
//单击上一个/下一个按钮时触发
onStepChanging:函数(e、currentIndex、newIndex){
var fv=$(“#学生问题”).data('formValidation'),//formValidation实例
//当前步骤容器
$container=$(“#学生问题”).find('section[data step=“”+currentIndex+”);
//验证容器
fv.validateContainer($container);
var isValidStep=fv.isValidContainer($container);
如果(isValidStep==false | | isValidStep==null){
//不要跳到下一步
返回false;
}
返回true;
},
//单击“完成”按钮时触发
onFinishing:函数(e,currentIndex){
var fv=$(“#学生问题”)。数据('formValidation'),
$container=$(“#学生问题”).find('section[data step=“”+currentIndex+”);
//验证容器的最后一步
fv.validateContainer($container);
var isValidStep=fv.isValidContainer($container);
如果(isValidStep==false | | isValidStep==null){
返回false;
}
返回true;
},
onFinished:函数(e,currentIndex){
//取消对以下行的注释以使用defaultSubmit()方法提交表单
$(“#学生问题”).formValidation('defaultSubmit');
//用于测试目的
$('welcomeModal').modal();
}
})
.formValidation({
框架:“bootstrap”,
图标:{
有效:“glyphicon glyphicon ok”,
无效:“glyphicon glyphicon删除”,
正在验证:“glyphicon glyphicon刷新”
},
//此选项不会忽略属于非活动面板的不可见字段
排除:':已禁用',
字段:{
受试者姓名:{
验证器:{
注意:{
消息:“请提供主题名称”
}
}
},
第四章名称:{
验证器:{
注意:{
信息:“请提供章节名称”
}
}
},
qtype_名称:{
验证器:{
注意:{
消息:“请提供问题类型名称”
}
}
}
}
});
});
.wizard.content{
最小高度:100px!重要;
宽度:74%;
}
.wizard.content>.body{
宽度:100%!重要;!重要;!重要;!重要;
高度:自动!重要;!重要;!重要;
填充:15px!重要;!重要;
职位:相对!重要;
}
.wizard>.actions{
宽度:74%;
}

现在你们在学习区
选择主题
主题名称:
选择主题
英语
选择章节
选择章节:
选择章节
英语
选择问题类型
选择问题类型
选择问题类型
英语
&时代;
情态标题
完成

接近 保存更改
非常奇怪,请告诉您的浏览器版本和型号。非常奇怪,请告诉您的浏览器版本和型号。