jquery ui对话框没有显示关闭选项

Question

我无法弄清楚为什么一个简单的jquery ui对话框不会显示＆＃34; x＆＃34;关闭选项。相反，它在标题栏中显示最小化图标。

我将此作为参考：http://api.jqueryui.com/dialog/#option-modal

这是一个屏幕截图：

我的HTML：

<div id="sibebar-dialog" title="Info">
    <p></p>
</div>

我的javascript：

  function showDialog(text) {
        if (text == undefined || text == null) {
            text = "Info";
        }
        $("#sibebar-dialog").text(text);
        $("#sibebar-dialog").dialog({
            modal: true,
            resizable: false,
            show: { effect: "blind", duration: 200 },
            buttons: {
                "OK!": function () {
                    $(this).dialog("close");
                }                 
            }
        });
    }

也许我的css设置中的某些内容会干扰这里？

感谢，

鲍勃

Answer 1

我有同样的经历。当我添加必要的库时，它就解决了：

<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous"></script><link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css"><link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" />

它应该适合你。