jQuery UI 对话框独立/替代答案

【问题标题】：jQuery UI dialog standalone/alternativejQuery UI 对话框独立/替代
【发布时间】：2012-10-09 10:33:38
【问题描述】：

我正在努力提高我网站的性能。摆脱对 jQuery UI 的依赖是一个很好的轴心。

目前我只需要对话框功能。我以为我会重新编写它，但如果已经有类似的实现，它会节省我很多时间。

你知道是否有非常相似的独立版本的 jQuery UI 对话框？（基本上我需要的是打开一个居中的对话框并在 AJAX 中加载一个页面）

编辑：只是为了澄清我正在寻找的是一个与 jQuery UI 对话框具有相同行为的插件，类似于：

$(modale).dialog('option', 'position', 'center');
$(modale).dialog('option', 'width', 'auto');
$(modale).dialog('close');
$(modale).dialog('destroy');

以下是我使用的选项：

  var options = {
  width: 500,
  minWidth: false,
  minHeight: false,
  dialogClass: 'modalDefault',
  modal: true,
  closeOnEscape: false,
  open: function(event, ui) {.....},
  close: function() { ......}
  }

如果您知道我可以按原样集成或只需很少修改的插件，那将是非常棒的。如果不可能，我将按照 tpaksu 的建议使用自定义 jquery-ui

谢谢！

【问题讨论】：

标签： javascript jquery jquery-ui dialog jquery-ui-dialog

【解决方案1】：

看看下面的链接。

基于 jQuery 的简单模式插件，专门用于模式对话框。

jQuery Simple Modal Plugin

【讨论】：

这个似乎对 jQuery UI 实现很封闭，我会尝试一下并告诉你它是如何结束的。谢谢:-)

【解决方案2】：

如果您不需要使用 jQuery UI 对话框的任何拖动行为，那么滚动您自己的轻量级解决方案（即居中模式对话框）很简单。

您可以在这里找到一个不依赖任何外部 javascript 框架的简单实现：http://raventools.com/blog/create-a-modal-dialog-using-css-and-javascript/

【讨论】：

【解决方案3】：

我的绝大多数前端 UI 控件都使用 Twitter Bootstrap，但是它没有充分覆盖一些盲点，例如日期选择器。

幸运的是，jqueryui.com 上的站点允许您下载仅包含您需要的自定义构建。在尝试任何新事物之前，我会先尝试一下。

【讨论】：

我一开始就是这样尝试的，但是JS还是缩小了40kB左右，我觉得优化后不会超过10kB。

【解决方案4】：

您可以使用download builder 创建一个自定义的 jQuery UI 构建，其中只包含您希望使用的小部件。

【讨论】：

如前所述，我真的很想超级优化这个功能，即使是轻量级的构建，它仍然远远落后于最低限度，就像框架一样。