如何用jquery更改bootstrap弹出框的内容

2024-12-26 00:28:55
推荐回答(1个)
回答1:

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

主页面只保留弹出框最外面的那个div

 

动态加载的弹出框内容页面中包括bootstrap模态框中的head、body和footer部分

   

模态框header 

  
   
   

模态框body

  
   
   

模态框footer

   

利用jquery的load()方法,在点击不同的按钮时动态先动态加载内容到模态框的div中,然后再让bootstrap显示

其中showModal函数可以由按钮控制。

相关问答
最新问答