Jquery ui 奇怪的弹出行为

当我点击“警报”链接时，消息只会弹出一次，这是正确的。奇怪的是，如果我单击“对话框”链接，然后单击“警报”链接，则消息会连续弹出两次，这是不正确的

如何解决此问题，使消息只显示一次

HTML

<p id="test"><a href="#">alert</a></p>
<a href="#" onclick="showDialog()">dialog</a>

jQuery

$(function() {
  $("p#test a").click(function() {
    alert('alert');
  });
}

function showDialog(){
  $("<div class='popupDialog'>Loading...</div>").dialog({
    closeOnEscape: true,
    height: 'auto',
    modal: true,
    title: 'About Ricky',
    width: 'auto'
  }).bind('dialogclose', function() {
    jdialog.dialog('destroy');
}

$（函数（）{
$（“测试a”）。单击（函数（）{
警报（“警报”）；
});
}
函数showDialog（）{
$（“正在加载…”）。对话框({
closeOnEscape：没错，
高度：“自动”，
莫代尔：是的，
标题：“关于瑞奇”，
宽度：“自动”
}).bind（'dialogclose'，function（）{
对话框（'destroy'）；
}

您可以尝试此脚本

<script type="text/javascript">

 $(document).ready(function () {

        $("p#test a").click(function () {
            alert('alert');
        });
    });


    function showDialog1() {
        $("<div class='popupDialog'>Loading...</div>").dialog()({
            closeOnEscape: true,
            height: 'auto',
            modal: true,
            title: 'About Ricky',
            width: 'auto'
        }).bind('dialogclose', function () {
            $(this).dialog('destroy');
        });
    }
<script> 

$（文档）.ready（函数（）{
$（“测试a”）。单击（函数（）{
警报（“警报”）；
});
});
函数showDialog1（）{
$（“正在加载…”）。对话框（）({
closeOnEscape：没错，
高度：“自动”，
莫代尔：是的，
标题：“关于瑞奇”，
宽度：“自动”
}).bind（'dialogclose'，函数（）{
$（this.dialog（'destroy'）；
});
}

谢谢！我已经用

$（文档）试过了。准备好了

但没有成功。