Using the bootstrap achieve a simple pop

First, the introduction of bootstrap jquery js libraries and libraries

such as:

<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap.min.js"></script>

Write js method:

E.g:
 

function chstatConfirm(flag, params) {
		if ($("#myConfirm").length > 0) {
			$("#myConfirm").remove();
		}
		var html = "<div class='modal fade' id='myConfirm' >"
				+ "<div class='modal-backdrop in' style='opacity:0; '></div>"
				+ "<div class='modal-dialog' style='z-index:2901; margin-top:60px; width:400px; '>"
				+ "<div class='modal-content'>"
				+ "<div class='modal-header'  style='font-size:16px; '>"
				+ "<span class='glyphicon glyphicon-envelope'> </span>选定知识点<button type='button' class='close' data-dismiss='modal'>"
				+ "<span style='font-size:20px;  ' class='glyphicon glyphicon-remove'></span><tton></div>"
				+ "<div class='modal-body text-center' id='myConfirmContent' style='font-size:18px; '>"
				+ "这个弹窗好看吗?" + "</div>"
				+ "<div class='modal-footer ' style=''>"
				+ "<button class='btn btn-danger ' id='confirmOk' >不错~<tton>"
				+ "<button class='btn btn-info ' data-dismiss='modal'>很丑!<tton>"
				+ "</div>" + "</div></div></div>";
		$("body").append(html);


		$("#myConfirm").modal("show");


		$("#confirmOk").on("click", function() {
			$("#myConfirm").modal("hide");
			add(flag, params); // 执行函数
		});
	}
		function add(a,b){
			alert("bootstrap弹窗");
		}

From: https://www.runoob.com/bootstrap/bootstrap-popover-plugin.html

Guess you like

Origin blog.csdn.net/qq_41340666/article/details/80983335
Recommended