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 }; 
    })(), 
    // ... 
}); 

的想法是，你创建一个函数，你可以做出决定，然后返回结果你决定。