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, но элемент управления остается с предупреждением (кнопка "Ok" в jAlert не работает), но как только я нажимаю "Ok", окно предупреждения исчезает вместе с Появляются jAlert и jConfirm. А также, если я удаляю предупреждение, jAlert даже не появляется, он напрямую отображает диалоговое окно jConfirm. То же самое происходит, если я меняю порядок jAlert с помощью jConfirm.

Я думаю, проблема в некоторой асинхронности, но есть ли решение или как можно решить эту проблему?

Answer 1

HTML

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

скрипт

$(документ).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" />