入门例子

依赖

页面

添加一个元素

	
		
			
				
					×
				
				
					标题
				
			
			
				内容
			
			
				关闭

• 添加一个按钮

触发模态框

我们可以通过点击按钮，触发模态框的显示。

jquery 编写

	$(function () {

		$("#button").on("click", function () {
			var btn = $(this);

			// 我们可以动态修改 modal 的标题和内容

			$('#myModal').modal('show');
		});



	});

注意

一开始编写的时候，我发现 modal 框看不到，但是页面上的有些元素无法点击。

第一反应就是被遮挡了。

然后 F12 调试了一下，发现 modal 框虽然看不见，但是依然会遮挡后面的元素。

所以添加了样式 style="display:none"。

参考资料