javascript - jqueryの同期確認ボックス

Question

重複の可能性:
カスタムの「確認」を作成し、ユーザーがボタンをクリックするまで js の実行を一時停止する方法は?

jquery でカスタム確認ボックスを実装しようとしていますが、カスタム ConfirmationBox はユーザーの応答を待たず、さらにスクリプトが実行されます。誰かが同期カスタム確認ボックスの実装を手伝ってくれますか?

私のコードは次のようになります

<a type="button" name="/ActionName/ViewName/@item.RawDocumentID" href="../ActionName/ViewName/@item.RawDocumentID" id="replaceDoc" class="openDialog">Replace</a>open a popup

$('.replaceDoc').click(function (e)
{  
    if (condition)
    {
        MyConfirm(msg, function (e)//This function is used create customconfirm
        {
            status = true;         
        }
        },
        function ()
        {
            status = false;
            e.stopImmediatePropagation();
            e.preventDefault();        
        },
        'MyConfirm');     
});

function MyConfirm(temp, okFunc, cancelFunc, dialogTitle)
   {
       $("<div class='carbon-alert'></div>")
           .attr("id", 'CarbonConfirm')
           .dialog({
               resizable: false,
               height: 140,
               modal: true,
               title: dialogTitle,
               open: function ()
               {
                   $(this).html(temp);
               },
               buttons: {
                   OK: function ()
                   {
                       if (typeof (okFunc) == 'function') { setTimeout(okFunc, 50); }
                         $('#MyConfirm').remove();                  
                   },
                   Cancel: function ()
                   {
                       if (typeof (cancelFunc) == 'function') { setTimeout(cancelFunc, 50); }
                       $('#MyConfirm').remove();                     
                   }
               }

           });
       }

問題は、確認ボックスが表示されることですが、その上にポップアップが表示されるため、[OK] をクリックしたときにのみポップアップが表示されるようにします。