Warm tip: This article is reproduced from serverfault.com, please click

javascript-单击确定alert()时,引导程序模式关闭

(javascript - bootstrap modal closes when ok on alert() is clicked)

发布于 2017-06-15 11:20:04

当我单击“ alert()”函数中显示的“确定”按钮时,Bootstrap模式关闭。

$("#expample").modal({
    backdrop: 'static',
    keyboard: false,
    show: true
});

下面是我的jQuery:

$('.sendToUser').on('click', function (){
            var selectedLyrics = $('#selectedLyricsInput').val();
            if($("input[name='selectUserRadio']").is(":checked") == false){
                alert('Please, select a user to send.');
                return;
            }
        });

虽然,按键盘上的“ Enter”或“ Esc”键可以正常工作,也可以在模态外部单击;模态没有关闭,这很好。

以下是我的html:

<div class="modal fade" id="userSelectionModal" tabindex="-1" role="dialog" aria-labelledby="userSelectionModal">
    <div class="modal-dialog modal-likes" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Select User</h4>
            </div>

            <div class="modal-body">
                <div style="margin-bottom: 50px;" id="populateUsers">

                </div>
                <input type="hidden" id="selectedLyricsInput" value="" />
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-success sendToUser" data-dismiss="modal">Send</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
            {{--<i class="fa fa-spinner fa-spin"></i>--}}
        </div>
    </div>
</div>

我正在从模态上的事件创建警报弹出窗口,但是单击alert()弹出窗口的“确定”时,它消失了。

在警报弹出窗口上单击“确定”后,如何防止模态关闭?

谢谢

Questioner
Owais
Viewed
0
Stanislav Kvitash 2017-06-15 19:36:05

你的模态正在关闭,因为你data-dismiss="modal".sendToUser按钮具有属性删除此属性应防止模式关闭。