bootstrap 同一个页面实现2个模态框，一个可以正常显示、一个不能

1、当一个页面中只存在一个模态框时，大家可以使用菜鸟教程中的例子

	 
	
	
	
	



创建模态框（Modal）


	开始演示模态框



	

		

			

				
					×
				
				

					模态框（Modal）标题
				
			
			

				在这里添加一些文本
			
			

				关闭
				
				
					提交更改
				
			
		

	

• 通过 data 属性：在控制器元素（比如按钮或者链接）上设置属性 data-toggle="modal"，同时设置 data-target="#identifier" 或 href="#identifier" 来指定要切换的特定的模态框（带有 id="identifier"）。

当页面中存在2个的时候，通过data是是行不通的，此时通过javaScript代码实现

我只粘贴了模态框的开头代码

id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

为模态框定义id

通过js调用

function clickMode(id){
        $('#'+id).modal({backdrop: 'static', keyboard: false});
}

modal里面是定义的  模态框弹出，后面的背景没有事件。

还有需要注意的是，当页面中有2个 或2个以上的模态框时，如果模态框不正常显示了，就在模态框的最外层加一个div

有喜欢的朋友可以关注下头条号《老徐聊技术》