当前位置: 首页 > 知识库问答 >
问题:

单击“警报时确定()”时,引导模式关闭

鞠源
2023-03-14

当我点击显示“alert()”函数的“Ok”按钮时,引导模式关闭。

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

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

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

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

谢啦

共有3个答案

淳于昊然
2023-03-14

在脚本中使用

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

还应避免在提交按钮中使用数据dismise=“modal”

周滨海
2023-03-14

您需要在中删除属性data dismission=“modal”。发送程序元素
如果需要关闭模式,只需添加代码

$('#userSelectionModal').modal('hide')
朱炜
2023-03-14

您的模式正在关闭,因为您在上有data dismission=“modal”属性。发送程序按钮。删除此属性将阻止模式关闭。

 类似资料:
  • 问题内容: 好的,所以我知道关于webdriver警报的问题还有很多其他答案,我已经仔细研究了它们,但是我认为我的情况有所不同。当我单击“提交”按钮时,我已经切换到3帧,然后收到警报,因此我尝试切换回默认内容,然后使用try catch和alert.accept单击警报,但仍然没有单击警报。代码如下。提前感谢你的帮助 :) 警报框这是警报框 问题答案: 进入后尝试一下 可能会帮助您… :)

  • 我的代码有问题。如果我点击按钮搜索在我的表单,当一个字段有输入,我得到按钮搜索与弹出在同一时间。 但我只想在单击“搜索”按钮时显示弹出窗口。 代码html在以下链接中:https://jsfidle.net/ge5zxmst/ 谢谢你帮忙。

  • 我知道这可能是一个容易修复的错误,但我没有找到它。当警报框出现并点击时,需要点击2次才能关闭它

  • 我正在做一个引导网站,与几个引导‘模式’。我正在尝试自定义一些默认功能。 问题是这样的;你可以通过点击背景关闭模式。是否有任何方法可以禁用此功能?只在特定情态动词上? 引导模式页

  • 我有一个引导模式对话框,我想首先显示,然后当用户单击页面时,它就消失了。我有以下内容: 最初会显示该模式,但在模式之外单击该模式时不会关闭。此外,内容区域不是灰色的。我如何使模式显示最初,然后关闭后,用户点击该区域以外?我怎样才能让背景像演示一样变灰?

  • 我正在尝试创建一个 Angular 4 自定义表单控件作为我的日期选择器。我正在使用ngx-bootstrap,到目前为止,我已经使用ngx-bootstrap的输入,日期选择器和弹出框组件设置了这个自定义表单控件。自定义控件打开一个焦点为日期选取器的弹出窗口,但是,我需要能够通过与弹出框内容交互来更改日期,并且在我不与弹出框或输入交互时它应该关闭。我试图跟踪ngx-bootstrap githu