jquery ui - 使对话更“动态”？

Question

我有一个页面，使用多个对话框来处理不同的事情。 有些对话框可能有其他人没有的按钮，而其他对象可能需要与另一个高度不同......所有这些按钮都有一组不会改变的参数。 我的问题，我可以有一个默认值：

$('.someElement').dialog({
   width: 999,
   show: 'slide',
   hide: 'slide',
   ETC: 'some other option' 
}); 

并将其用于我的所有对话框，然后在打开对话框时动态地将按钮或高度传递给它？ 对于我需要的每个对话框都有类似上面的内容似乎是错误的...

谢谢！

Answer 1

您可以为此创建一个包装函数：

function showDialog(target, options){
   options.width = 999;
   options.show = 'slide';
   options.hide = 'slide';

   $(target).dialog(options);
}

然后，您只需在要创建对话框时调用该函数。 如果你真的想要......你甚至可以把它变成jQuery插件

Answer 2

您可以使用"option"方法 （它采用相同格式的对象），如下所示：

$('.someElement').dialog({
   width: 999,
   show: 'slide',
   hide: 'slide',
   autoOpen: false
}); 
$('.someElement').dialog('option', {
  buttons: { "Ok": function() { $(this).dialog("close"); } },
  height: 400
}).dialog('open');

你可以在这里看到一个演示 ，这只是在调用open方法之前设置你想要的任何选项。