jQueryUI選項中的條件If語句？

Question

我有一個JavaScript函數，我傳遞一個參數，打開一個jQueryUI對話框。我希望對話框有一個或兩個按鈕，根據參數的值。我應該怎麼做？

到目前爲止，我已經試過：

function foo(hasFile) { 
    $('#dialog').dialog({ 
     buttons: { 
      Close: function() { $(this).dialog('close'); }, 
      if (hasFile) 
       "Download": // do something 
    } 
    }); 
} 

和

function foo(hasFile) { 
    $('#dialog').dialog({ 
     buttons: 
      if (hasFile) 
      { 
       "Download": // do something 
       Close: function() { $(this).dialog('close'); } 
      } 
      else 
      { 
       Close: function() { $(this).dialog('close'); } 
      } 
    }); 
} 

兩者都徹底打破我的網頁。

Answer 1

buttons是一個JavaScript文字對象。你可以做這樣的事情：

function foo(hasFile) { 
    var buttons = { 
     Close: function() { $(this).dialog('close'); } 
    }; 

    if (hasFile) { 
     buttons.Download = function(){ 
      // Do something. 
     }; 
    } 
    $('#dialog').dialog({ 
     buttons: buttons 
    }); 
} 

Answer 2

一般的方式做到這一點是這樣的：

foo.dialog({ 
    // ... 
    buttons: (function() { 
    function CloseHandler() { 
     // close ... 
    }; 
    function DownloadHandler() { 
     // download ... 
    }; 

    return condition ? 
     { "Download": DownloadHandler, "Close": CloseHandler } : 
     { "Close": CloseHandler }; 
    })(), 
    // ... 
}); 

的想法是，你創建一個函數，你可以做出決定，然後返回結果你決定。