禁用点击模式打开?

时间:2016-10-21 08:44:31

标签: javascript html css3

我试图阻止模式在这样的页面上打开:

https://jsfiddle.net/tawxao2x/

正如您从代码片段中看到的那样,它只是从不同的来源拖动代码..

<html>
<head>
</head>
<body>

<div id="olapic_specific_widget"></div><script type="text/javascript" src="https://photorankstatics-a.akamaihd.net/81b03e40475846d5883661ff57b34ece/static/frontend/latest/build.min.js"  data-olapic="olapic_specific_widget" data-instance="61009ce94d8298d23e8b0481ac23bf20" data-apikey="f7f217fadcb8dad0bab9395c689114b74d48dbb84aa6fba32c1aa71c0a95f5e1" async="async"></script>

</body>

</html>

我可以添加一块JS来禁用模态吗?我在谷歌搜索但没有运气。

1 个答案:

答案 0 :(得分:0)

在选项章节中,在您链接的页面中,您可以看到backdrop选项。将此选项与值'static'一起传递将阻止关闭模态 正如@PedroVagner指出评论,你也可以通过{keyboard: false}来阻止按 Esc 来关闭模态。

如果用js打开模态,请使用:

$('#myModal').modal({backdrop: 'static', keyboard: false})  

如果您使用的是数据属性,请使用:

 <button data-target="#myModal" data-toggle="modal" data-backdrop="static" data-keyboard="false">
    Launch demo modal
 </button>`