Javascript 如何在php中回显jquery对话框？

对于我正在处理的一个php项目，如果sql记录成功，我将尝试回显一个弹出窗口。我已经能够使用javaScript alert来实现这一点，但这不是我想要的，javaScript正在阻止页面的其余部分加载，直到单击OK，而且我更喜欢使用jQuery对话框

以下是php中的工作原理，但不是我想要的：

$msg = "Success!";

if ($conn->query($sql) === TRUE) {
    echo '<script type="text/javascript">alert("' . $msg . '"); </script>';

} else {
    echo "Error: " . $sql . "<br>" . $conn->error;
}

$msg=“成功！”；
if（$conn->query（$sql）==TRUE）{
回显“警报”（“$msg”）；
}否则{
echo“Error:”.$sql.“
”$conn->Error；
}

我发现以下方法可以防止在页面加载前弹出，但它不起作用：

echo '<script type="text/javascript">window.onload = function(){ alert("' . $msg . ' "));}</script>';

echo'window.onload=function（）{alert（“.$msg.”）；}；

我试图弹出一个jquery对话框。这是他们网站上的基本jquery对话框不起作用。它只显示段落标记中的文本。（我计划在它工作后进行定制）：

echo'
$（函数（）{
$（“#dialog”）.dialog（）；
});
'
.'
这是用于显示信息的默认对话框。可以使用x图标移动、调整和关闭对话框窗口

';

多亏了用户Wazani，我忘了在核心之外还包括jquery UI库

你加载jquery库了吗？是的，确保你包含了jquery核心和jquery UI库谢谢你，我错过了UI库。

echo '<script>
            $(function() {
                $( "#dialog" ).dialog();
            });
        </script>'
        .'<div id="dialog" title="Basic dialog">
                <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the x icon.</p>
        </div>';