Chrome预览版中的自举模式问题

时间:2018-11-06 23:17:33

标签: jquery google-chrome bootstrap-4 bootstrap-modal

我的模态窗口有问题-我正在使用Sublime Text和Google Chrome进行预览。我尝试浏览其他答案,但添加的脚本均无济于事。这是我的代码:

<p><a href="#launch" class="bn btn-warning btn-large" data-toggle="modal">click me!</a></p>

<section id="launch" class="modal hide fade">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h3>MODAL HEADER</h3>
    </div>
    <div class="modal-body">
        <p>this is the body</p>
    </div>
    <div class="modal-footer">
        <button class="button" data-dismiss="modal">close</button>
    </div>
</section>

这是我添加的JS的其他行

<script type="text/javascript">
 $('.modal').bind('shown.bs.modal', function () {
$(".modal").css("overflow-y", "scroll");
});
$('.modal').bind('hide.bs.modal', function () {
$(".modal").css("overflow-y", "auto");
});
</script>

这对我的网站来说是个好主意吗?我担心无法在多个浏览器之间访问模式选项。

0 个答案:

没有答案