javascript - jAlert 和 jConfirm 无法正常工作

Question

这是我的代码

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

当我运行此代码时，首先出现警报(hi)，然后出现 jAlert，但控件仍保持警报(jAlert 的“确定”按钮不起作用)，但一旦我按警报框中的“确定”就会消失随着 jAlert 和 jConfirm 弹出。而且，如果我删除警报，jAlert 甚至不会出现，它会直接显示 jConfirm 对话框。如果我用 jConfirm 更改 jAlert 的顺序，也会发生相同类型的事情。

我猜这个问题是由于某种异步性造成的，但是有解决方案吗？或者如何处理这种问题？

Answer 1

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