Question

我正在努力改善我网站的效果。一个好的轴就是摆脱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

谢谢！

Answer 1

请看下面的链接。

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

jQuery Simple Modal Plugin

Answer 2

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

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

Answer 3

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

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

Answer 4

您可以使用download builder创建自定义的jQuery UI构建，该构建仅包含您希望使用的小部件。

jQuery UI对话框独立/替代

4 个答案: