Bootstrap模态框的简单示例-创新互联

前言

专注于为中小企业提供成都网站建设、网站制作服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业明溪免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了近千家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

     使用之前要先引入bootstrap.css,bootstrap.js或bootstrap.min.js,两种js文件的区别是一个未压缩一个压缩,无需全部引入。

注意:所有插件都依赖jQuery(也就是说,jQuery必须在所有插件之前引入页面)


bootstrap引入方法:


将文件bootstrap.js或bootstrap.min.js放到所在项目的www/lib/js下

并在index.html中添加


  

    
  

    
    

modal示例:



    
    

在Controller里调用

function TestController($scope ){
    $scope.test=function()
    {
        $('#myModal').modal('show');
    }
}

框效果如图:


Bootstrap模态框的简单示例


更多详解及bootstrap的应用请参考http://v3.bootcss.com/javascript/#modal

本人仍在不断学习中,欢迎交流指正。。。

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前标题:Bootstrap模态框的简单示例-创新互联
网站网址:http://scyanting.com/article/diphsp.html