奇怪的弹出行为

时间:2011-09-27 12:29:06

标签: jquery-ui click onclick jquery-ui-dialog

当我点击“提醒”链接时,该消息只会弹出一次,即正确。奇怪的是,如果我点击“对话框”链接然后点击“提醒”链接,则会连续两次弹出消息,不正确

如何解决此问题,以便邮件只显示一次?

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

1 个答案:

答案 0 :(得分:0)

您可以尝试使用此脚本。

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