我使用 MDC-Web 组件。我以编程方式打开和关闭对话框,但有时它不会关闭。我不知道我是否以正确的方式关闭对话框。
closeDialog('dialog_gui');
function closeDialog(elementId){
let dialog = new mdc.dialog.MDCDialog(document.getElementById(elementId));
dialog.close();
}
最佳答案
每次对话框关闭时,您的函数都会创建 MDCDialog 的新实例。您应该将对话框的实例存储在关闭函数之外:
const dialog = new mdc.dialog.MDCDialog(document.getElementById('dialog_gui'));
function closeDialog() {
// some stuff
dialog.close();
}
closeDialog();
此外,您可以关闭对话框而不需要额外的功能,只需使用 MDCDialog 的 close()
方法:
const dialog = new mdc.dialog.MDCDialog(document.getElementById('dialog_gui'));
dialog.close();
这里是 the Codepen example对话框将在其中打开,然后在 3 秒后关闭。
关于javascript - MDC 网络组件 : mdc-dialog doesn't close properly sometimes,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48462755/