Javascript MDL模态对话框在模态背景后面单击

我已经使用Material Design Lite创建了一个模态对话框。但是我面临一个问题，对话框外的区域不可点击

我有一个退出按钮以外的模式，我希望用户点击时，他想注销。另外，我不想隐藏模态

$document.readyfunction{ var dialog=document.querySelector'main-dialog'； if！dialog.showmodel{ dialogPolyfill.registerDialogdialog； } dialog.showmodel； }; 选择您的.xlsx文件： excel工作表必须包含以下格式的值： PID编号。 学名

---

要使对话框背景可单击，请使用Dialog.show；而不是dialog.showmodel

看

从MDL文档：

---

我在密码笔上查你的密码。但是，当我尝试时，当我使用此代码时，对话框根本不会出现，尽管按钮是可单击的。请拨出我的代码笔，尝试重现问题。你可以看到我用的是你自己的代码，所以很奇怪。。。可能是另一个js/css破坏了您的代码。。您有任何控制台错误吗？它应该对您有用……工作起来，我在父元素中使用的MDL类出现了一些问题。非常感谢。

$(document).ready(function() {
var dialog = document.querySelector('#main-dialog');
    if (! dialog.showModal) {
            dialogPolyfill.registerDialog(dialog);
    }
    dialog.show();
});

button.addEventListener('click', function() {
   dialog.showModal();
   /* Or dialog.show(); to show the dialog without a backdrop. */   
});