在FancyBox中调用SpringMvc Jsp表单
我正在尝试将一个jsp表单放入fancybox，我的站点功能正常，所以我知道我的大部分配置都是正确的。我还做了一个图像的样例测试，它工作得很好，但是对于一个表单，我有问题。下面是代码：
<%@ include file="/WEB-INF/jsp/include.jsp" %>
<%@taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
<script type="text/javascript">
<%@ include file="../js/lightbox/jquery.fancybox.pack.js"%>
</script>
<style>
<%@ include file="../js/lightbox/jquery.fancybox.css" %>
</style>
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});
</script>
<title><fmt:message key="title"/></title>
</head>
<body>
<h1><fmt:message key="heading"/></h1>
<p><fmt:message key="greeting"/></p>
<a href="<c:url value="login.htm"/>">Login</a></br>
<a href="<c:url value="officer_registration.htm"/>">Register</a></br>
<a class="fancybox" href="officer_registration.htm">Light Box Registration</a></br>
<a class="fancybox" href="http://en.gtwallpaper.com/fondecran/chiens/chiens_01.jpg" >dog</a>
</body>
</html>
共有1个答案
将data-fancybox-type=“iframe”添加到链接中，这将在fancybox中放置一个iframe以显示您通过的href。
-
我看了十几篇文章和答案...都没用。 这个简单的代码有什么问题，我在这里错过了什么。尝试过的回调都不起作用。 和html 注：本地wamp 编辑：也在远程服务器上测试-剥离文件以防止任何交互-相同的结果
-
问题内容： 我有2个页面，分别是index.html和social.html。我清理了索引，只剩下了需要fancybox的jquery代码。我想要做的是在social.html中包含图像，当单击它时，它将打开fancybox并显示它，但是在index.html中而不是在iframe中。出现的错误是： 这是我的index.html： 在IFrame页面中： PS：两个页面都在同一个域上…编辑：vid
-
FancyBox是一款基于jquery开发的类Lightbox插件。支持对放大的图片添加阴影效果，对于一组相关的图片添加导航操作按纽，该lightbox除了能够展示图片之外，还可以展示iframed内容， 通过css自定义外观。 相对与Lightbox而言，阴影效果更好。但是比Lightbox绚丽。 使用很是简单，可以参照Lightbox，修改添加代码。 示例代码： $(document).rea
-
问题内容： 我在这个小组中搜索并在Google周围搜索，但仍然没有运气，我也看到有些问题，但是线程并没有帮助，所以我在这里 这个问题很简单，为了帮助您，我在.zip文件中打包了可以测试的文件 http://www.ivanhalen.com/fancyproblem.zip 我有一些链接的主页（index.php） 单击它们将加载通过AJAX的摘要（page.php） 在代码段中，有一个或多个链接
-
问题内容： 如何在fancybox中上传新的html？ 问题答案： 该文档就在网站上，您可以使用iframe： HTML
-
Fancybox破坏Swiper。在没有可见CSS和DOM更改的情况下添加偏移量。要在jsbin（https://output.jsbin.com/jiqucacete）上复制此问题，您需要： 1）按下swiper幻灯片图像2）转到fancybox图库弹出的下一个图像3）关闭图库，在swiper中将有幻灯片变化 它是如何工作的？为什么没有可见的CSS、DOM更改？如何修复？