JQuery Dialog Modal无法正常工作

Question

我有一个对话框，不允许用户点击它后面页面上的任何元素。我导入了jquery脚本，我的代码看起来像这样

$("#dialog").dialog({
    autoOpen: false,
    resizable: false,
    modal: true,
    maxWidth: $width * 0.8,
    maxHeight: $height * 0.8,
    width: $width * 0.8,
    height: $height * 0.8
});

对话框确实显示，用户可以点击其他元素。