Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/spring-mvc/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery plugins 我们可以用JQuery lightbox插件覆盖文本和div元素吗?_Jquery Plugins_Lightbox_Facebox - Fatal编程技术网

Jquery plugins 我们可以用JQuery lightbox插件覆盖文本和div元素吗?

Jquery plugins 我们可以用JQuery lightbox插件覆盖文本和div元素吗?,jquery-plugins,lightbox,facebox,Jquery Plugins,Lightbox,Facebox,我偶然发现了这个lightbox插件,并考虑在我的项目中实现它。我可以选择在应用程序中导出数据。当我单击导出链接时,我希望灯箱显示一些文本和按钮,如导出到excel、导出到文本文件等 但是灯箱插件会只覆盖图像吗?如果没有,如何覆盖文本和div元素 这是导出链接: <a class="button" id="export_entries">Export</a> 编辑1 我尝试了另一个名为facebox的lightbox插件,它可以选择在lightbox中加载htm

我偶然发现了这个lightbox插件,并考虑在我的项目中实现它。我可以选择在应用程序中导出数据。当我单击导出链接时,我希望灯箱显示一些文本和按钮,如导出到excel、导出到文本文件等

但是灯箱插件会只覆盖图像吗?如果没有,如何覆盖文本和div元素

这是导出链接:

<a class="button" id="export_entries">Export</a>

编辑1

我尝试了另一个名为facebox的lightbox插件,它可以选择在lightbox中加载html文件。但对我来说,html文件是作为新页面加载的。有人能帮我吗

我给出了以下代码:

<script type="text/javascript" src="/FormBuilder/app/webroot/js/jquery.js"></script>
<script type="text/javascript" src="/FormBuilder/app/webroot/js/facebox/facebox.js"></script>
 <link type="text/css" rel="Stylesheet" href="/FormBuilder/app/webroot/css/facebox/facebox.css" media="screen,projection" />

<a class="button" rel="facebox" id="export_entries" href="/lightbox.html" >Export</a>

您可以调整lightbox以包含任何HTML。它所做的只是清空背景,并将一些HTML放入前景的分区中

您可以通过签出Expose来节省一些时间,Expose是jQuery工具的一部分:


LightBox插件仅用于覆盖图像。所以我选择了插件,它可以用来覆盖图像、文本、html和Ajax内容

“暴露”很棒!非常感谢你的建议。
<script type="text/javascript" src="/FormBuilder/app/webroot/js/jquery.js"></script>
<script type="text/javascript" src="/FormBuilder/app/webroot/js/facebox/facebox.js"></script>
 <link type="text/css" rel="Stylesheet" href="/FormBuilder/app/webroot/css/facebox/facebox.css" media="screen,projection" />

<a class="button" rel="facebox" id="export_entries" href="/lightbox.html" >Export</a>