Bootstrap模态/可选新窗口

时间:2015-02-17 12:14:36

标签: jquery twitter-bootstrap bootstrap-modal

我试图让Bootstrap模态窗口与href一起工作。我想允许href可以右键单击,以便您可以使用浏览器在新选项卡中打开链接,但是,如果只是单击链接,那么我希望模态窗口正常运行

http://www.bootply.com/VkbgGZjcWf

在示例bootply中,底部链接(“此点击加载模态”)将加载页面上显示的模态窗口,您仍然可以右键单击链接转到英国广播公司主页

顶部链接是我正在努力的那个。 Bootstrap正在尝试将href的内容加载到模态窗口中,而不是显示模态(根据底部链接)。

我怀疑这与底部链接是“http:// ...”外部链接有关,而顶部链接是相对于网站本身...如何使顶部链接像底部一样工作一个?

1 个答案:

答案 0 :(得分:0)

data-remote="false"应用于您的链接。

<强> Demo

Bootstrap说......

  

此选项自v3.3.0起已弃用,将在v4中删除。我们建议使用客户端模板或数据绑定框架,或者自己调用jQuery.load。

     

如果提供了远程URL,则会一次性加载内容   jQuery的加载方法并注入到.modal-content div中。如果   你正在使用data-api,你也可以使用href   用于指定远程源的属性。

http://getbootstrap.com/javascript/#modals-options

A similar SO discussion