当我通过javascript添加警报并取消事件时，滚动条消失了

The scrollbar is disappeared when I add an alert and cancel event by javascript

本文关键字：事件 取消 消失了 滚动条 javascript 添加      更新时间：2023-09-26

我面临的问题是，当我使用 javascript 向已经有垂直滚动条的页面添加警报消息时，消息显示完美，但垂直滚动条消失了。当警报消息被关闭时，滚动条无法再次出现。实际上，我不希望滚动条随时消失。我正在使用引导程序 3。这是我的代码。

.HTML： 

... many HTML here ...
<div id="alertbox1"></div>
<div id="modal1">...stuff HTML here...</div>
... HTML here ...

脚本：

$('#modal1').on("show.bs.modal", function (event) {
    var ok = function_to_check_stuff_ok(); // ;)
    if (!ok){
        var myMessage = 'Lorem ipsum dolor sit amet...'
        var htmlText  = '<div class="alert alert-danger fade in">' +
                        '    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>' +
                        '    <p>' + myMessage + '</p>' +
                        '</div>';
        $('#alertbox1').html(htmlText);
        event.prevenDefault();
    }
});

问题：event.prevenDefault()的调用确实影响了模态和警报的显示。

解决方案：在手动调用开放模式（通过调用modal('show')）之前检查和验证数据并显示警报消息，而不是检查事件内部show.bs.modal。

相关文章：