1

我的任务在我看来是不可能的。我需要添加一个跨浏览器的基于 javascript 的 xhtml/css 弹出框——比如 Lightbox、shadownbox 等。只是在页面加载时显示的模式信息弹出框——到“某些页面”。

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

任何建议将不胜感激....

4

3 回答 3

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: ''});
于 2012-01-11T20:16:24.323 回答
0

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

话虽如此，您的要求相当模糊且相当广泛，所以我不确定您在寻找什么答案。

于 2012-01-11T20:05:40.947 回答
0

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

以及一些 jQuery 脚本加载。

于 2012-01-15T04:30:56.750 回答