首页 > Windows开发 > 详细

bootstrap学习<三>打开模态窗体

时间:2015-12-24 19:11:32      阅读:239      评论:0      收藏:0      [点我收藏+]

可以切换模态框(Modal)插件的隐藏内容:

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

通过 JavaScript:使用这种技术,您可以通过简单的一行 JavaScript 来调用带有 id="identifier" 的模态框:

<div>
        <button id="a1" data-toggle="modal" data-target="#b1">开启</button>
        <div class="modal fade" id="b1">
            <br />        
            <button class="btn btn-primary" data-dismiss="modal">关闭</button>
        </div>
    </div>

技术分享

bootstrap学习<三>打开模态窗体

原文:http://www.cnblogs.com/hong-chen/p/5073865.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!