jquery - jquerys 对话框没有正确隐藏

Question

我有一个 asp.net 页面。当我单击 div 时，对话框会打开，但不会关闭。看其他例子..我认为它应该有效，但事实并非如此。这是代码（我使用的是母版页）。再次..对话框确实打开了。

    <script type="text/javascript">
    $(document).ready(function () {
        $("#dialog").dialog({
            autoOpen: false,
            show: {
                effect: "blind",
                duration: 1000
            },
            hide: {
                effect: "explode"
                ,duration: 1000
            }
        });
        $("#opener").click(function () {
            $("#dialog").dialog("open");
        });
    });
</script>
<div id="dialog" title="Basic dialog">
    <p>This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
<br />
<br />
<div id="opener">TestIt</div>