html弹出提示框倒计时关闭,jquery弹出框倒计时关闭

使用jquery更改bootstrap弹出框的内容，可以使用Jquery的load()方法，动态加载不同的模态框(弹出框)内容，然后填充到页面的弹出框div中：

主页面只保留弹出框最外面的那个divdiv class=modal fade id=myModal /div动态加载的弹出框内容页面中包括bootstrap模态框中的head、body和footer部分div class=modal-header h3模态框header /h3 /div div class=modal-body p模态框body/p /div div class=modal-footer p模态框footer/p /div利用jquery的load()方法，在点击不同的按钮时动态先动态加载内容到模态框的div中，然后再让bootstrap显示script // 模态对话框隐藏时移除数据 $(#myModal).on(hidden, function() { $(this).removeData(modal); }); // 显示模态对话框 var showModal = function() { var remote = /test/showModal; if (remote != ) { $(#myModal).load(remote, function() { $(#myModal).modal('show'); }); }}; /script其中showModal函数可以由按钮控制。

取消

评论