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

这是一个演示:

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

但这对我来说太大了。

共有2千行。

我想在单个文件中有一个不到一千行。

如果你厌恶高线数隐含的复杂性,你需要克服这个问题,否则你最终会做巫术 ,从头开始重新实现缺乏信任,选择稍微复杂一点的东西,但最终劣等图书馆。

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

深呼吸,只需包含文件:)

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

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

@Shore:要实现这一点,

HTML代码:

Open Dialog  

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'); }); }); 

我喜欢jqmodal。 (它不一定是模态!)
这大概是3k。

jqmodal链接

在里面

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

节目

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

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

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