Question

我的任务似乎是不可能的。我需要添加一个基于浏览器的基于javascript的xhtml / css popover - 比如Lightbox，shadownbox等只是一个在页面加载时显示的模态信息popover - 到“某些页面”。

“某些页面”是大约30个apache虚拟主机的集合，托管6个或7个不同的域和子域。其中一些是提供静态HTML，一些是Wordpress，MediaWiki等。所以，我正在寻找一些方法尽可能接近<script source="http://foo.example.com/popover.js></script>，即单个JS脚本包含在“任何”页面上，然后包含由JS编写的popover。显然，尽可能轻量级的东西是最好的。

任何建议都会非常感谢....

Answer 1

大多数popover插件或代码都依赖于jQuery或其他框架。我最喜欢的是prettyPoppin。

http://www.no-margin-for-errors.com/projects/prettypopin/

如果您想支持尚未包含jQuery的页面，您可以创建一个类似

的脚本

if( typeof jQuery === 'undefined' ) 
  document.write( unescape('%3Cscript type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"%3E%3C/script%3E' ) );
document.write( unescape('%3Cscript type="text/javascript" src="path to plugin"%3E%3C/script%3E' ) );

callPluginMethodThatShowsPopOver({content: ''});

Answer 2

jQuery UI包有一个对话框插件，支持弹出窗口的模态版本。

话虽这么说，你的要求相当模糊且相当宽泛，所以我不确定你在寻找答案中的内容。

Answer 3

我最终使用了以下解决方案： http://point47.com/journal/2010/06/modal-box-on-page-load-with-jquery-fancy-box-and-cookie-plugin/

以及一些jQuery脚本加载。

跨浏览器纯javascript的弹出工具？

3 个答案: