bootstrap 模态框modal

亦凉 2022-05-24 10:17 536阅读 0赞

  1. 使用前提: 加载mode.js或bootstrap.js或压缩版的 bootstrap.min.js

  2. 两种触发显示:

    • 通过 data 属性：在控制器元素（比如按钮或者链接）上设置属性 data-toggle=”modal”，同时设置 data-target=”#identifier” 或 href=”#identifier” 来指定要切换的特定的模态框（带有 id=”identifier”）。

    • 通过 JavaScript：使用这种技术，您可以通过简单的一行 JavaScript 来调用带有 id=”identifier” 的模态框：

      $(‘#identifier’).modal(options)(‘#identifier’).modal(options)

  3. 加载remote两种方法

$(‘#identifier’).modal({
keyboard: false,
remote:url

})

或

  1. <a data-toggle="modal" href="remote.html" data-target="#modal">请点击我</a> data-toggle="modal" href="remote.html" data-target="#modal">请点击我</a>
  1. 遮罩层

发表评论

表情：
评论列表 （有 0 条评论，536人围观）

还没有评论，来说两句吧...

相关阅读