奇怪的弹出行为

Question

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

如何解决这个问题，让消息只显示一次？

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');
}

Answer 1

你可以试试这个脚本。

<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>