jquery - JQuery ダイアログの問題を閉じる

Question

画面に複数のポップアップを表示するように Jquery ダイアログを構築しようとしていますが、[OK] ボタンがアクションを実行しないことがあります。

function alert_popup_msg(_msg)
{
   var id = "" + (new Date()).getTime();
   var popDiv = "<div id='" + id + "' class=\"dialog-size def-popup\"><div  class=\"popup-background\"><label class=\"color-white no-text-shadow center-align font-helv-16-bold std-padding-a\">Alert</label><label class=\"color-white no-text-shadow center-align font-helv-12-reg std-padding-a\">"+_msg+"</label><div class=\"center-align\"><a class=\"btn-simple-black-orange btn-text btn-login\" id=\"okButtonCallBack\">Ok</a></div></div></div> ";                                             
   $.mobile.activePage.append(popDiv).trigger("pagecreate");

   $( "#" + id ).dialog({
      modal: false,

    });
   $("#okButtonCallBack").click(function(event){
            $("#" + id).dialog("close");
            $("#" + id).remove();
   });

};

誰でもこの問題を解決するのを手伝ってもらえますか? ユーザーがアクションを実行するのをブロックしています。戻って同じ画面に戻っても、画面全体を更新しない限り、ポップアップは引き続き表示されます。

ありがとう、ラメッシュ