0 0

Bootstrap模态框Modal的问题0

function showCommentBoxHistory(eventid) {
	var id_ = eventid;
	if(!eventid){
		var arr = new Array();
		if ($("input[name^='selectIDs_history[]']:checked").length == 0) {
			alert('请选择告警项!');
			return;
		}
		$("input[name^='selectIDs_history[]']:checked").each(function(index, element) {
			arr.push($(this).val());
		});
		id_ = arr.join(',');
	}
    $("#message").val("");
    $("#ack_eventid").val(id_);
    $('#myModal').modal('show');
}


上面是我弹出Modal的代码,但是如果后台校验错误,就会更改Modal标题的文字和样式,然后关闭Modal再选择别的记录弹出Modal,发现重新弹出的Modal还是用的之前的标题和文字样式,如附件图片所示。
我想不管怎么样,每次$('#myModal').modal('show')的时候,$('#myModal')应该初始化,找了好久都没找到这样的方法,不知哪位大神知道,指定一二,多谢了。
2014年10月21日 16:39
  • 大小: 16.5 KB

1个答案 按时间排序 按投票排序

0 0

用加载url的方法
或者每次关闭后将页面的那个元素删掉,每次打开时重新append进行

2014年10月22日 09:03

相关推荐

    BootStrap中的模态框(modal,弹出层)功能示例代码

    Bootstrap模态框的基本结构包括以下几个部分: 1. 触发按钮:通常是一个带`data-toggle="modal"`和`data-target="#myModal"`属性的按钮,用于启动模态框。例如: ```html ...

    bootstrap模态框弹出效果.zip

    Bootstrap模态框(Modal)是Web开发中常用的一种交互元素,尤其在响应式设计中扮演着重要角色。它提供了一种优雅的方式,用于在当前页面上显示临时信息或与用户进行交互,而无需离开当前视图。这个"bootstrap模态框...

    15种bootstrap模态框动画弹出特效.rar

    Bootstrap模态框(Modal)是Web开发中常用的一种交互元素,它允许在当前页面上弹出一个浮动窗口,用于展示额外的信息或者进行交互操作。在Bootstrap框架中,模态框通常用于显示通知、用户确认对话框或者扩展内容等...

    15种bootstrap模态框动画弹出特效

    Bootstrap模态框(Modal)是Web开发中常用的一种交互元素,它用于在当前页面上显示额外的内容,而无需导航到新的页面。Bootstrap框架为开发者提供了丰富的样式和功能,使其能够轻松创建美观且易于使用的模态框。在这...

    bootstrap 模态框(modal)实现水平垂直居中显示

    Bootstrap模态框(Modal)是该框架中一个非常重要的组件,它用于创建弹出式的对话框,常用于显示额外信息、表单输入或用户交互。然而,默认情况下,模态框在页面上的位置并不是水平垂直居中的,而是固定在距离顶部30...

    Bootstrap 模态框(Modal)带参数传值实例

    Bootstrap模态框(Modal)是Web开发中常用的一种交互元素,它允许用户在不离开当前页面的情况下处理额外信息或执行操作。在实际应用中,我们经常需要将数据从父页面传递到模态框中,以确保操作的针对性和准确性。本...

    原生JS+css3实现bootstrap模态框

    用原生JavaScript和CSS3共同实现bootstrap模态框效果。

    Bootstrap响应式模态登录框插件

    在项目文件中,`index.html`是主HTML文件,包含页面结构和Bootstrap模态框的基本元素。`js`目录可能包含jQuery库以及插件的JavaScript代码,用于实现模态框的动态行为。`css`目录则可能包含插件的定制样式,以确保...

    BootStrap 模态框实现刷新网页并关闭功能

    Bootstrap模态框(Modal)是前端开发中常用的一种交互组件,它允许在当前...希望这篇文章对你在使用Bootstrap模态框时有所帮助,如果你在实践中遇到任何问题,欢迎留言提问,我们将尽力为你解答。感谢你对我们的支持!

    模态框-提示框-Bootstrap

    Bootstrap模态框(Modal)是Web开发中一种常见的交互元素,它用于在当前页面上弹出一个浮动窗口,展示额外的信息或执行特定操作,而无需离开当前页面。模态框通常用于确认操作、显示详细信息或者提供表单输入等场景...

    iframe 内的bootstrap模态框证照父页面

    然而,在实际应用中,我们可能会遇到一些问题,比如当在`iframe`内部使用Bootstrap模态框时,模态框只会影响到`iframe`内的内容,而不会覆盖到父页面,这可能导致用户界面的不一致和交互问题。针对这个问题,我们...

    Bootstrap模态框(Modal)实现过渡效果

    Bootstrap 模态框(Modal)实现过渡效果 Bootstrap 模态框(Modal)是一种常用的_web_组件,用于在当前页面中弹出一个遮罩层,显示一些重要信息或进行一些操作。实现过渡效果是指在模态框(Modal)弹出和隐藏时,...

    简易仿bootstrap模态框多步骤特效.zip

    在前端开发中,Bootstrap模态框(Modal)是一种常见的用户界面元素,用于在不离开当前页面的情况下显示额外信息或执行操作。"简易仿bootstrap模态框多步骤特效.zip"这个压缩包很可能包含了一个简单的实现,模仿了...

    整理关于Bootstrap模态弹出框的慕课笔记

    Bootstrap模态框提供了多种与模态显示和隐藏相关的事件,如`show.bs.modal`、`shown.bs.modal`、`hide.bs.modal`、`hidden.bs.modal`,可以监听这些事件来执行相应的操作。 总结,Bootstrap模态弹出框是一个功能...

    Bootstrap 模态框多次显示后台提交多次BUG的解决方法

    在实际开发中,我们常常会遇到 Bootstrap 模态框多次显示后台提交多次的问题。这种情况下,每次点击提交按钮都会触发多次 alert("提交"),这将导致系统的不稳定和混乱situation。那么,如何解决这个问题呢?本文将...

    bootstrap模态框实现拖拽效果

    Bootstrap模态框(Modal)是一种常见的网页交互元素,它允许用户在不离开当前页面的情况下查看或操作额外的信息。在某些情况下,特别是在复杂布局中,模态框可能会被其他元素遮挡,这时就需要实现模态框的拖拽功能,...

    ModalLayer模态框插件js弹出框

    **ModalLayer模态框插件js弹出框详解** 在网页设计和开发中,模态框(Modal Layer)是一种常用的设计元素,它用于在当前页面上弹出一个半透明的覆盖层,显示额外的信息或者进行交互操作,而不会中断用户与主页面的...

Global site tag (gtag.js) - Google Analytics