modal(模态框)书写要点

Posted wisdomns

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了modal(模态框)书写要点相关的知识,希望对你有一定的参考价值。

语法没什么要说的,只是几个地方一定要写到,

  1. 为button等触发器设置modal属性,例如data-toggle="modal"data-target="#identifier"等;
  2. modal页面设置对应属性,例如id="#identifier"、class="modal fade"等;
  3. 若modal和调用主页main不在一个页面上,注意主页面一定一定要声明modal页面地址,例如<%@include file="XXX.jsp"%>;
  4. modal jsp页面需要包含自己的js;
  5. 若有main页面便需要准备好的modal元素,则可以在main页面的js中调用modal的js中function。

具体设定哪些参数,见来源

以上是关于modal(模态框)书写要点的主要内容,如果未能解决你的问题,请参考以下文章

bootstrap 模态框 modal 插件在一个含有多个页面

模态框 modal.js

bootstrap模态框怎么从底部弹出

Bootstrap 显示多个模态框(modal)

bootstrap中modal框数据不清空,怎么解决

为啥点击模态框的时候为自动生成两个div元素modal-backdrop