jAlert和jConfirm无法正常工作

时间:2014-09-26 05:58:41

标签: javascript jquery jconfirm

这里是我的代码

    <script type="text/javascript">
    function myFunction()
     {
       jAlert("Hello","How are you?");
       alert("Hi");
      jConfirm('Can you confirm this?', 'Confirmation Dialog');
      }
     </script>

当我运行此代码时,首先出现警报(hi)然后出现jAlert,但控件仍保持警报(jAlert的&#34; Ok&#34;按钮不起作用)但是一旦按下& #34;确定&#34;在警告框中随着jAlert和jConfirm弹出而消失。而且,如果我删除警报,jAlert甚至不会出现它直接显示jConfirm对话框。如果我用jConfirm改变jAlert的顺序,就会发生同样的事情。

我猜这个问题是由于某些异步性造成的,但有没有解决方案或者如何处理这类问题呢?

1 个答案:

答案 0 :(得分:2)

HTML

<input id="confirm_button" type="button" value="Show Confirm" />

脚本

$(document).ready(function(){

            $("#confirm_button").click( function() {
                jConfirm('Can you confirm this?', 'Confirmation Dialog', function(r) {
                    jAlert('Confirmed: ' + r, 'Confirmation Results');
                });
            });

});

还要确保放置以下文件

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.ui.draggable.js" type="text/javascript"></script>
<script src="jquery.alerts.js" type="text/javascript"></script>
<link href="jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" />