Question

当我点击＆＃34; Ok＆＃34;

Bootstrap模态正在关闭按钮显示来自＆＃34; alert（）＆＃34;功能

$("#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;
            }
        });

虽然，点击＆＃34;输入＆＃34;或者＆＃34; Esc＆＃34;在键盘上工作正常，并在模态外点击;模态没有关闭，这很好。

以下是我的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>

我正在从模态上的事件创建一个警告弹出窗口，但是当点击＆＃34; ok＆＃34; alert（）弹出窗口，它会消失。

如何防止在点击＆＃34后关闭模态;确定＆＃34;在提醒弹出窗口？

由于

Answer 1

您的模式正在关闭，因为data-dismiss="modal"按钮上有.sendToUser属性。删除此属性应阻止模式关闭。

Answer 2

您需要在data-dismiss="modal"元素处删除属性.sendToUser。
如果你需要关闭模态，你只需要添加代码：

$('#userSelectionModal').modal('hide')

Answer 3

在脚本中使用

window.location = "..\path after validation"

还避免在“提交”按钮中使用 data-dismiss =“ modal”

单击alert（）上的ok时，bootstrap模式关闭

3 个答案: