3

我正在努力提高我网站的性能。一个好的轴是摆脱对 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

谢谢！

4

4 回答 4

3

看看下面的链接。

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

jQuery 简单模态插件

于 2012-10-09T10:46:28.627 回答
1

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

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

于 2012-10-09T10:41:30.810 回答
0

我将 Twitter Bootstrap 用于我的绝大多数前端 UI 控件，但有几个盲点没有充分覆盖，例如日期选择器。

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

于 2012-10-09T10:38:47.260 回答
0

您可以使用下载构建器创建自定义的 jQuery UI 构建，其中仅包含您希望使用的小部件。

于 2012-10-09T12:39:51.447 回答