使用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插件来显示模态较少的叠加层。