gpt4 book ai didi

javascript - PNotify 模态确认对话框使页面无法访问

转载 作者:行者123 更新时间:2023-11-30 15:29:31 24 4
gpt4 key购买 nike

我正在使用 PNotify 3Bootstrap 3。我正在尝试使用网站上给出的示例 PNotify

<button class="btn btn-default dropdown-toggle" onclick="(new PNotify({
title: 'Confirmation Needed',
text: 'Are you sure?',
icon: 'glyphicon glyphicon-question-sign',
hide: false,
confirm: {
confirm: true
},
buttons: {
closer: false,
sticker: false
},
history: {
history: false
},
addclass: 'stack-modal',
stack: {'dir1': 'down', 'dir2': 'right', 'modal': true}
})).get().on('pnotify.confirm', function(){
alert('Ok, cool.');
}).on('pnotify.cancel', function(){
alert('Oh ok. Chicken, I see.');
});" data-toggle="dropdown">Modal Confirm Dialog</button>

一切正常,但是当我单击任何按钮(确定/取消)关闭对话框时,对话框关闭但页面不会像单击按钮之前那样更改为正常状态。

在解决此问题的调查过程中,我发现,当我单击按钮 PNotify 在 <body> 下方添加一行时标签:

<div class="ui-pnotify-modal-overlay" style="display: block;"></div>

关闭对话框后,PNotify 将此代码块更改为:

<div class="ui-pnotify-modal-overlay" style="display: none;"></div>

表示display: block改为display: none

但问题是即使在我的项目中关闭对话框后 PNotify 也没有进行任何更改。

我们将不胜感激。

最佳答案

虽然我没能得到任何回应。但是我自己得到了一个不公平的解决方案。使用以下代码:

        function undoModal() {
var elements = document.querySelectorAll('body > *');
if (elements[0].outerHTML == '<div class="ui-pnotify-modal-overlay" style="display: block;"></div>') {
elements[0].remove();
}
}

关于javascript - PNotify 模态确认对话框使页面无法访问,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42453462/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com