jQuery UI 模式不返回 true 和 false

Question

我希望它在 if 条件下检查它。我该如何使用它？

function notification_dialog_box(title,html,icon)
{
    var text = '<p><span class="'+icon+'" style="float:left; margin:0 7px 50px 0;"></span>'+ html  +'</p>';
    var $myDialog = $('<div id="dialog-message"></div>').html(text).dialog({
        modal: true, zIndex: 10000, autoOpen:true,width: 'auto', modal: true, resizable: false,title: title,
        buttons: {
            "OK":function(){$(this).dialog("close"); return true;}, 
            "Cancel":function() {$(this).dialog("close");return false;}
            }
        });
}

if(notification_dialog_box('Out of designer\'s', 'All Designer\'s are assigned in this project', 'ui-icon ui-icon-info' ))
{
code....
}

Answer 1

您在异步回调中返回 true/false。

ie:返回 true/false 的代码在用户单击按钮之前不会运行，但您的代码已经完成运行。

您需要切换到回调结构才能使代码正常工作。

ie:您需要将一个函数传递给 notification_dialog_box，当用户单击按钮时调用该函数并传递他们单击的值。

像这样:

function notification_dialog_box(title,html,icon, fn)
{
    var text = '<p><span class="'+icon+'" style="float:left; margin:0 7px 50px 0;"></span>'+ html  +'</p>';
    var $myDialog = $('<div id="dialog-message"></div>').html(text).dialog({
        modal: true, zIndex: 10000, autoOpen:true,width: 'auto', modal: true, resizable: false,title: title,
        buttons: {
            "OK":function(){$(this).dialog("close"); fn(true);}, 
            "Cancel":function() {$(this).dialog("close"); fn(false);}
            }
        });
}

notification_dialog_box('title', 'blah blah blah', 'ui-icon ui-icon-info', function(ok){
  if(ok) {
     //code
  } 
} )