jquery - コールバックのある DOM ダイアログボックス

Question

Dom (HTML / CSS / JavaScript / jQuery) でカスタム ダイアログ ボックスを作成しています。これらのダイアログ ボックスにはボタンがあり、これらのボタンには、特定のイベント (onClick...) が発生したときに実行される命令を含む関数が必要です。

これらのダイアログ ボックスを呼び出すために、draw( ) 関数を作成しますshowMessaging(MsgText, Msgtitle, ClickCallback)。これらの関数にはClickCallback、これらのボタンによって実行されるいくつかのコールバック ( ) がありますが、関数 ( ) を呼び出して、showMessagingいくつかのイベントが発生したときにこれらのボタンによって実行される関数を渡すと、関数 ( showMessaging)の代わりにコールバックが実行されます。 .

これがコードです。

function showMessagingWarning(sMessage, sTitle, callbackYes) {
    //Reference
    var overlay = $('<div>').addClass('wb_boxOverlay1_');

    if ($('.wb_boxOverlay1_').length > 0) {
        $('.wb_boxOverlay1_').remove();
    }

    $('body').prepend(overlay);

    var msgBox = $('.wx_dialog_boxes'); //boite de message
    var msgIcon = $('.wb_msg_icon_displ'); //icone de la boite de message
    var msgTitle = $('.wb_ms_title_content'); //titre de la boite de dialogue
    var msgContent = $('.wb_msg_message'); //Contenu du message
    var btnNo = $('.wb_msg_box_button_no');
    var btnYes = $('.wb_msg_box_button_yes');
    var btnCancel = $('.wb_msg_box_button_cancel');
    var btnClose = $('.wb_msg_close_lnk');
    //setting up the class
    var tclass = "wb_dlg_warning";

   //Display buttons
    btnNo.css('display', 'none');
    btnCancel.css('display', 'none');
    btnYes.css('display', 'inline-block').children('span').text('OK');

    //ajout des variables
    msgIcon.addClass(tclass);
    msgTitle.text(sTitle);
    msgContent.text(sMessage);

    btnClose.bind('click', '', function () {
        $('.wb_boxOverlay1_').remove();
        $('.wx_dialog_boxes').fadeOut();
    });


    if (callbackYes) {
        btnYes.bind('click', '', callbackYes);
    }

    btnYes.bind('click', '', function () {
        $('.wb_boxOverlay1_').remove();
        $('.wx_dialog_boxes').fadeOut();
    });

    msgBox.show();
}