HTML框架 - 当用户单击正文时,防止引导程序弹出窗口消失

时间:2016-04-28 04:33:26

标签: javascript jquery html twitter-bootstrap

我正在使用bootstrap模式弹出窗口来显示消息。当我在html框架中使用下面的语句时,当用户单击正文中的任何位置时,模态对话框将消失。我的要求是防止这个弹出窗口消失。

$('#testModel')。modal({backdrop:'static',keyboard:false});

<div class="modal fade" id="testModel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body err-cnct">
                <h2><i class="demo-icon fa-lg icon-cancel"></i></h2>

                <p> <h4 class="modal-title">Connection Error!</h4>
                Connection to the Hub has been lost. <br/>Please check power and Ethernet connections. </p>
            </div>
        </div>
    </div>
</div>

感谢。

1 个答案:

答案 0 :(得分:1)

请参阅文档here。设置数据属性:

data-backdrop="static"