は、どのように私は私のメッセージボックスを呼び出し、戻り値を期待呼び出し手順を持つメッセージボックス

Question

の戻り値を待ちます。記入後、メッセージボックスが表示されます。これまでのところ動作します。 BUT：選択した値を生成して返すために待機しません（表示後）。どこでどのようにコールバックを宣言しますか？

function msg(arr) { 
    var text = arr[0]; 
    var buttons = arr[1]; 
    $('#modal-text-msg').html(text); 
    out = ''; 
    for (i = 0, len = buttons.length; i < len; i++) { 
     console.log(buttons[i]); 
     out += '<input type="button" class="modal-button modal-button-msg" value="'+buttons[i]+'">'; 
    } 
    $('#modal-close-msg').html(out);  
    $('#modal-msg').show(); 

    $('.modal-close').on('click', '.modal-button-msg', function(e) { 
    returnvalue = $(this).val(); 
    $('#modal-msg').hide(); 
    return returnvalue; 
    }); 
} 

Answer 1

コールバック関数を使用する必要があります。 Javascriptにはスリープまたは待機コマンドがありません。たとえそれがあったとしても、Javascriptの移動が許可されていないと悪いことが起こります。見えるようにmsgを変更してみてください：

function msg(arr, callback) { 
    var text = arr[0]; 
    var buttons = arr[1]; 
    $('#modal-text-msg').html(text); 
    out = ''; 
    for (i = 0, len = buttons.length; i < len; i++) { 
     console.log(buttons[i]); 
     out += '<input type="button" class="modal-button modal-button-msg" value="'+buttons[i]+'">'; 
    } 
    $('#modal-close-msg').html(out);  
    $('#modal-msg').show(); 

    $('.modal-close').on('click', '.modal-button-msg', function(e) { 
     returnvalue = $(this).val(); 
     $('#modal-msg').hide(); 
     if (callback instanceof Function) callback(returnvalue); 
    }); 
} 

そのイベントハンドラに及びませんmsgの呼び出し元にそれを返していましたので、return returnvalue;する必要はありませんでした。発信者はすでに移動しています。今度はmsgと呼んでください。

msg(param, function(value) { 
    alert(value); 
});