当前位置:首页 > 开发 > Web前端 > 前端 > 正文

Bootstrap A标签关闭modal并打开新的链接解决方案

发表于: 2015-06-18   作者:qiaolevip   来源:转载   浏览:
摘要: Bootstrap里面的js modal控件使用起来很方便,关闭也很简单。只需添加标签 data-dismiss="modal" 即可。 可是偏偏有时候需要a标签既要关闭modal,有要打开新的链接,尝试多种方法未果。只好使用原始js来控制。   <a href="#/group-buy" class="btn bt

Bootstrap里面的js modal控件使用起来很方便,关闭也很简单。只需添加标签 data-dismiss="modal" 即可。

可是偏偏有时候需要a标签既要关闭modal,有要打开新的链接,尝试多种方法未果。只好使用原始js来控制。

 

<a href="#/group-buy" class="btn btn-secondary btn-embossed enable-btn" data-dismiss="modal" onclick="javascript:window.location='#/group-buy'">去开启</a>

 

Bootstrap A标签关闭modal并打开新的链接解决方案

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
原来项目是使用2.x完成的,现在需要使用3.x进行升级。 对jQuery的依赖 请注意,所有JavaScript插件
写在前面 在实际开发中,为了友好,更需要一种美观的弹出框,js原生的alert,很难满足需求。这里推
原来项目是使用2.x完成的,现在需要使用3.x进行升级。 对jQuery的依赖 请注意,所有JavaScript插件
  使用过bootstrap modal(模态框)组件的人都有一种困惑, 好好的一个弹出框怎么就无法垂直居中
我需要完成的效果: 1.在顶级页面打开模态框,并且遮罩层也要再顶级页面 2.单击遮罩层部分,模态框
前一段时间,公司里面有一个这样的需要,就是要控制用户的连网方式,当时一听,wifi还好控制啦,但
文章参考 http://www.bubuko.com/infodetail-666582.html http://v3.bootcss.com/javascript/#modal
文章参考 http://www.bubuko.com/infodetail-666582.html http://v3.bootcss.com/javascript/#modal
文章参考 http://www.bubuko.com/infodetail-666582.html http://v3.bootcss.com/javascript/#modal
模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号