傳入一個值一個jQuery UI對話框與功能

Question

這是我的document.ready代碼：

$(document).ready(function() { 
    $("#dialogbox").dialog({ 
     open: function(event, ui) {$("a.ui-dialog-titlebar-close").remove();}, 
     bgiframe: true,autoOpen: false,closeOnEscape: false,draggable: false, 
     show: "drop",hide: "drop",zIndex: 10000,modal: true, 
     buttons: {'Ok': function() {$(this).dialog("close");processEmp();}} 
    }); 
}); 

我有以下的javascript代碼，需要一個參數：

function test(pEmp) 
{ 
    var a = pEmp.value); 

    $('#dialogbox').dialog('open'); 
} 

我的問題是基於我傳遞給我的測試函數的值，該函數依次調用我的jQuery UI對話框（'#dialogbox'），當用戶按下對話框中的「確定」按鈕時，我需要以某種方式（這是我不知道該怎麼做），將保存我的pEmp.value的變量「a」傳遞給我的另一個函數processEmp（a？），它我已附加到我的「確定」按鈕。

希望有人可以幫助，因爲我基本上需要這個值，當用戶確認對話框。

謝謝。

Answer 1

你可以打開它之前將自定義選項對話框：

$(function() { 
    $("#dialog").dialog({ 
      open: function (event, ui) { $("a.ui-dialog-titlebar-close").remove(); }, 
      bgiframe: true, 
      autoOpen: false, 
      closeOnEscape: false, 
      draggable: false, 
      show: "drop", 
      hide: "drop", 
      zIndex: 10000, 
      modal: true, 
      buttons: { 'Ok': function() { 
       $(this).dialog("close"); 
       processEmp($(this).data("pEmpValue")); 
      } 
      } 
    }); 
}); 

function processEmp(a) { 
    alert(a); 
} 

function test(pEmp) { 
    $("#dialog").data("pEmpValue", pEmp.value).dialog("open"); 
} 

或者哪怕是最簡單的解決方法是在窗口的範圍申報a變量：

var a = null; 

$(function() { 
    $("#dialog").dialog({ 
      open: function (event, ui) { $("a.ui-dialog-titlebar-close").remove(); }, 
      bgiframe: true, 
      autoOpen: false, 
      closeOnEscape: false, 
      draggable: false, 
      show: "drop", 
      hide: "drop", 
      zIndex: 10000, 
      modal: true, 
      buttons: { 'Ok': function() { 
       $(this).dialog("close"); 
       processEmp(a); 
      } 
      } 
    }); 
}); 

function processEmp(a) { 
    alert(a); 
} 

function test(pEmp) { 
    a = pEmp.value; 
    $("#dialog").dialog("open"); 
} 

Answer 2

您可以通過爲'close'添加事件處理程序來實現此目的。事情是這樣的：

$("#dialogbox").bind("dialogclose", function(event, ui) { processEmp(a); });