跨浏览器纯-基于javascript的popover工具？

Question

在我看来，这是不可能的事。我需要添加一个跨浏览器的基于javascript的xhtml/css弹出--比如Lightbox，shadownbox，等等--一个显示页面加载的模态信息弹出器--“一些页面”。

“一些页面”是一个大约30个apache的集合，托管6或7个不同的域和子域。其中一些是为静态HTML服务的，有些是Wordpress、MediaWiki等。因此，我正在寻找一些尽可能接近<script source="http://foo.example.com/popover.js></script>的方法，即在“任意”页面上包含一个JS脚本，然后是JS编写的弹出器。显然，尽可能轻量级的东西是最好的。

任何建议都将不胜感激.

Answer 1

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

以及一些jQuery脚本的加载。

Answer 2

大多数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 3

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

尽管如此，你的要求相当模糊和相当广泛，所以我不知道你在寻找答案。