Question

这是一个演示：

http://jqueryui.com/demos/dialog/

但这对我来说太大了。

总共有2千行。

我想在单个文件中使用少于一千行的文件。

Answer 1

如果你厌恶高线数隐含的复杂性，你需要克服这个问题，否则你最终会做voodoo，因为缺乏信任而从头开始重新实现，并且选择稍微 - 看起来不那么复杂但最终是劣等的图书馆。

我这样说是因为你要求更少的代码行，这是复杂性和可维护性的一个很好的衡量标准，但对于重要的事情，如优秀的设计和良好的文档，这是一个糟糕的指标。如果你使用缩小的代码，即使是大小也很少成为问题。

深吸一口气，然后加入文件：）

Answer 2

您可以通过在http://jqueryui.com/download获取下载时从下载中取消选中不需要的所有内容来剥离JQueryUI。

如果你这样做，我想你可以把它低于1000行。

Answer 3

@Shore：要实现这一点，

HTML code：

<a id="clickme">Open Dialog</a>

<div id="dialog" style="display:none;">Hello this is a dialog</div>

JS代码：

$(document).ready(function(){
    // Default settings for dialog
    $("#dialog").dialog({
        bgiframe: true,
        height: 300,
        width: 350,
        autoOpen: false,
        modal: true,
        overlay: { 
            opacity: 0.7,
            background: "black"
        }
    });
   $('#clickme').click(function(){
      $("#dialog").dialog('open');
   }); 
});

Answer 4

我喜欢jqmodal。（它不一定是模态的！）
这大约是3k。

jqmodal link

初始化

$('#dialog').jqm();

显示

$('#dialog').jqmShow();

Answer 5

我问自己同样的问题。我在哪里可以找到一个轻量级的叠加插件而不包含jQuery UI？在我大约花了一个小时在网上搜索之后，我决定自己实现它。

所以三年后答案是：
您可以尝试jquery.mloverlay一个简单，轻量级的jQuery插件来显示模态较少的叠加层。

使用jQuery进行最轻微的非模态对话？

5 个答案: