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

跨浏览器纯基于javascript的popover工具?,javascript,popover,Javascript,Popover,我的任务是完成我认为不可能完成的事情。我需要在“某些页面”中添加一个基于跨浏览器javascript的xhtml/css弹出框,比如Lightbox、shadownbox等,只是一个在页面加载时显示的模式信息弹出框 “一些页面”是大约30个apache vHost的集合,托管6或7个不同的域和子域。其中一些提供静态HTML,一些是Wordpress、MediaWiki等。因此,我正在寻找一些接近的方法jQuery UI包有一个对话框插件,支持popover的模式版本 也就是说,您的需求相当模糊且

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


“一些页面”是大约30个apache vHost的集合,托管6或7个不同的域和子域。其中一些提供静态HTML,一些是Wordpress、MediaWiki等。因此,我正在寻找一些接近
的方法jQuery UI包有一个对话框插件,支持popover的模式版本


也就是说,您的需求相当模糊且相当广泛,因此我不确定您在寻找答案。

jQuery UI包有一个支持popover模式版本的对话框插件


话虽如此,您的需求相当模糊且相当广泛,因此我不确定您在寻找答案。

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

如果您想支持尚未包含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: ''});

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

如果您想支持尚未包含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: ''});

我最终使用了以下解决方案:


随着一些jQuery脚本的加载。

我最终使用了以下解决方案:


还有一些jQuery脚本加载。

嗯。。。我想,有没有人知道一个简单的JS部署工具,它只包含一个远程JS文件就可以设置弹出窗口?例如,添加所需的html元素,是否执行ajax请求以检索弹出窗口的远程内容,等等。?在某种程度上,可以在“大多数”浏览器和“大多数”任意页面(html、mediawiki、wordpress等)上工作?因此,假设您知道如何编写一些相当基本的javascript,您可以编写一个脚本,负责加载所需的jQuery库,并调用显示弹出窗口所需的函数。在这一点上添加内容也不难,但你必须付出一点努力。世界上很少有人能提供一个一应俱全的解决方案来满足相当不寻常的需求。。。我想,有没有人知道一个简单的JS部署工具,它只包含一个远程JS文件就可以设置弹出窗口?例如,添加所需的html元素,是否执行ajax请求以检索弹出窗口的远程内容,等等。?在某种程度上,可以在“大多数”浏览器和“大多数”任意页面(html、mediawiki、wordpress等)上工作?因此,假设您知道如何编写一些相当基本的javascript,您可以编写一个脚本,负责加载所需的jQuery库,并调用显示弹出窗口所需的函数。在这一点上添加内容也不难,但你必须付出一点努力。世界上很少有人能提供一个包罗万象的解决方案来满足相当不寻常的需求。这不是不可能的:如果你能用一个库来实现这个功能,那么你就可以用“纯Javascript”来实现它,尽管实际上你包含的JS源文件就是这个库。找到一个做你想做的事情的库,然后看看它是如何做的,这样你就可以实现类似于独立include的东西。这不是不可能的:如果你可以用一个库来实现这个功能,那么你就可以用“纯Javascript”来实现它,尽管实际上,你包含的JS源文件就是这个库。找到一个实现您所需功能的库,然后查看它是如何实现的,这样您就可以实现类似于独立include的功能。