iframe上的Fancybox.close()
()是一个用于关闭Fancybox弹窗的JavaScript函数。Fancybox是一种流行的轻量级的弹窗插件，用于在网页中展示图片、视频、网页等内容。
Fancybox.close()函数的作用是关闭当前打开的Fancybox弹窗，使其从屏幕上消失。通过调用该函数，可以实现关闭Fancybox弹窗的操作。
Fancybox.close()函数的使用非常简单，只需在需要关闭弹窗的地方调用该函数即可。例如，可以在点击某个按钮或执行某个特定的操作后，调用Fancybox.close()函数来关闭弹窗。
Fancybox.close()函数的优势在于其简洁易用的特点，可以方便地集成到各种网页中，提供良好的用户体验。它可以用于展示图片、视频、网页等各种内容，适用于各种场景，如图片展示、相册浏览、视频播放等。
腾讯云提供了一系列与Fancybox类似的弹窗插件和解决方案，例如腾讯云移动推送、腾讯云直播等产品，可以根据具体需求选择适合的产品进行开发和集成。
更多关于Fancybox的信息和使用方法，可以参考腾讯云官方文档：Fancybox官方文档。
相关·内容
我需要：
单击链接，打开iframe ( faqs.htm )上的fancybox在faqs.htm中单击某些链接，我需要关闭这个fancybox并在iframe中打开一个新的(new.htm)
如果showNew()是要这样做的函数，那么我的代码是
函数showNew() { parent.$.fancybox.close()；parent.$.fancybox.close}
我在这里错过了什么？
浏览 0提问于2011-09-03得票数 0
回答已采纳
有没有办法从$.fancybox.close()函数传递参数并在OnClosed事件中读取该参数？
如下所示：
$("#id_div").fancybox({
'width': '40%',
'height': '40%',
'autoScale': false,
'transitionIn': 'none',
'transitionOut': 'none
浏览 1提问于2011-11-04得票数 1
我尝试在Iframe (fancybox)中提交图片，但如果我关闭iframe，我无法获得服务器上的数据。
(此代码位于框架内)
<a class="button" id="finishButton" onclick="closeME()"><span>@PhotoPremier.Resources.Global.btnSubmit</span></a>
<script>
function closeME() {
if (ValidationToSubmit() == true
浏览 0提问于2012-04-10得票数 0
回答已采纳
2回答
我有一个在fancybox (版本2.1.5) iframe中实现的表单。人们可以选择不填写该表单，然后单击"X“关闭fancybox窗体，或交替填写该表单并单击”注册“。
我有一个beforeClose回调设置来设置cookie并做一些工作。但我希望只有当有人点击"X“或Esc键时才能触发。见下面的代码
$.fancybox.open({
type: "iframe",
href: "/[url].php",
autoSize: true,
height: "auto",
margin:
浏览 3提问于2015-01-19得票数 1
回答已采纳
我试图在iframe中关闭，但parent.$始终是undefined。这是我的iframe JavaScript：
<script type='text/javascript'
src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'>
</script>
<script type="text/javascript">
jQuery(document).ready(function($){
(functi
浏览 6提问于2010-02-09得票数 9
回答已采纳
我发现将以下函数应用于链接onclose可以从iFrame中关闭Fancybox：parent.$.fancybox.close();
我想更进一步，让链接将父页面带到一个新的url。我尝试了以下方法，但不起作用：
<a onclick="location.href='http://www.domain.com/page/';parent.$.fancybox.close();"> Close and go to page</a>
使用a href也不起作用，因为onclose优先。
浏览 3提问于2010-09-08得票数 23
回答已采纳
这是一个场景，我有一个带有按钮的页面，可以打开一个fancybox iframe窗口。我希望点击触发一个javascript函数来关闭fancybox窗口以及打开新窗口。
使用jquery，我绑定了一个简单的单击函数，该函数调用parent.$.fancybox.close();，但这不会将单击返回给浏览器，从而在新窗口中触发链接。
我不想使用window.open，因为它99%的时间都被阻塞了，我只需要默认行为发生。
编辑
添加代码：
打开fancybox iframe的页面。
<a href="http://something.com" id="OpenIf
浏览 1提问于2012-10-18得票数 0
回答已采纳
2回答
我有一个从iframe打开联系人表单的Fancybox。在iframe中，我有一个关闭按钮，但它不工作。
我已经尝试过$.fancybox.close();和parent.jQuery.fancybox.close();
这是我有问题的页面： (单击contact按钮)
我做错了什么？
浏览 2提问于2012-11-10得票数 0
回答已采纳
1回答
我有一个动态填充的Fancybox，用于地址标准化。如果没有返回地址，我想自动取消Fancybox调用。我已经尝试了以下两种方法，但都没有成功：
$.fancybox.close();
parent.$.fancybox.close();
window.parent.$.fancybox.close();
$.fancybox.cancel();
这是我用来打开页面的调用：
$.fancybox({
'autoDimensions': true,
'autoScale': false,
浏览 1提问于2013-06-13得票数 0
回答已采纳
我有两个链接链接到Ruby on Rails上的Fancyboxes：
链接1的类是："why_am_i_here fancybox“链接2的类是："feedback_link fancybox”
当我第一次点击链接1的时候，它将我带到链接2的fancybox。如果我再次点击，它会将我带到正确的链接。另一个按钮(链接2)工作正常。
与其用各种可能或不相关的代码来侵扰你，不如告诉我你需要什么进一步的信息，我会提供给你。
这是为why_am_i_here呈现的超文本标记语言(链接1)：
$(function(){
var search_value;
$(".
浏览 1提问于2013-05-03得票数 0
1回答
我想关闭fancyBox，然后立即打开新的精美盒子。但这并没有发生。
实际发生的情况是，它首先显示警报，然后关闭花哨的框。
function OpenWindowNew_(type, URL, Namee) {
parent.$.fancybox.close();
alert();
$.fancybox.open({
href: URL,
type: 'iframe',
padding: 5
});
}
浏览 0提问于2013-05-01得票数 3
回答已采纳
1回答
我想自动关闭fancybox iframe，但我想延迟它。
$(document).ready(function() {
parent.$.fancybox.close();
});
上面的代码将自动成功关闭窗口，但我想添加一个延迟，这样他们就可以在页面自动关闭之前阅读页面显示的消息。
浏览 0提问于2010-08-05得票数 2
回答已采纳
我正在使用带iFrame的fancybox的模式框。在从iFrame获得表单成功时，我使用以下代码：
<script type="text/javascript">
window.setTimeout('window.top.location.href = "/page.asp"; ',999);
</script>
<script language="javascript">
<!--
setTimeout("parent.$.fancybox.close();",10
浏览 2提问于2011-05-28得票数 3
我正试图在我的页面上打开一个fancybox。把一些基本信息传递给iframe。然后，我想做它，以便iframe与它的父母交谈。
我在静态地传递nameid-1，尽管我非常希望将它作为变量，例如：var nameid=$(this).attr('nameid')。
我只是不知道如何正确地执行这一切，因为我对Ajax/Javascript很陌生，并且在逻辑上苦苦挣扎。
Base.html
联署材料：
<script type='text/javascript'>
//<![CDATA[
// Popup Function
$(documen
浏览 2提问于2014-10-17得票数 1
回答已采纳
我想提供一个链接来关闭fancybox弹出窗口。
以下是我的代码，它不起作用，但可以让你了解我正在完成的工作：
$(document).ready(function() {
$('#close-button').click(function(){
close.click($.fancybox.close);
});
});
<p><a href="#" title="Close" id="close-button">« close</a>&l
浏览 0提问于2010-07-15得票数 3
回答已采纳
我正在使用jQuery fancybox v2，在实现关闭fancybox弹出窗口的链接时遇到了问题。
我有两页：
page.html (包含打开fancybox弹出窗口的链接)。
popup.html (包含fancybox弹出的内容。)
Page.html的来源：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lan
浏览 2提问于2015-07-23得票数 3
根据Fancybox API，我在iframe中使用了以下代码：
<form>
... // form fields here
<button onclick="parent.$.fancybox.close();">
<span>Save</span>
</button>
</form>
当单击“保存”时，表单实际关闭--但表单内容未提交。这就像在表单实际提交其内容之前触发close事件一样。
如果没有onclick，内容就会被提交，但随后的页面会在iframe中打开--这不是我想要的。
有什么办法
浏览 3提问于2011-03-31得票数 3
回答已采纳
我正在尝试从fancybox更新我网站上的元素。在fancybox中，我执行了一个$.post()，并获得了想要填充到页面的div中的html数据。我用html打开了一个iframe窗口，下面的脚本位于该iframe中。它不能从fancybox中找到它，所以任何人都有关于如何到达不在fancybox iframe中的元素的想法或解决方案
$('.add-to-cart').click(function () {
var $this = $(this).closest('form');
$.post($this.attr('action&
浏览 0提问于2012-05-29得票数 3
回答已采纳
当用户单击标题区域中的按钮时，我正在尝试获取iFrame的位置(在fancybox中)。它在一个不同的域上，所以我使用postMessage，我想让它抓取完整的url (例如"www.example.com?pid=12345")，这样当用“尝试搜索”按钮关闭fancybox时，我的站点就可以搜索pid "12345“。
片段..。
<script type="text/javascript">
window.addEventListener("message", function(e) {
alert(e.dat
浏览 2提问于2011-05-20得票数 3
我在一个iframe中有一个表单，并试图用jquery click函数关闭iframe，但只有在表单被正确提交的情况下-表单是wordpress插件(用户Meta Pro)的一部分并具有验证-如果用户详细信息不正确，则不会发送表单。由于某些原因，我不能重写表单目标(到父级)，所以必须尝试这种方式。我尝试的代码(在文档就绪中)是：
$(".um_login_button").click(function(){
parent.$.fancybox.close();
});
谢谢。
浏览 1提问于2013-01-16得票数 1
1回答
我使用fancybox在Fancybox中加载/显示iFrame。在fancybox中执行一个操作后，将发出一个AJAX请求，该请求响应如下：
parent.$.fancybox.close();
这里的问题是，当它运行时，有一个错误(铬)：“未能加载资源”
您知道为什么和/或如何通过ajax请求w/o错误关闭fancybox吗？
更多的技术细节。在父版本中，我有jQuery 1.5w的插件，在iframe中，我使用了jQuery 1.5和rails jquery。
谢谢
浏览 2提问于2011-02-09得票数 0
4回答
请浏览以下网址，稍后会删除：
职业页面
在这个网页上，如果我来自Facebook这样的其他网站，应该是这样的：-
如果我从同一地点访问，应该如下所示：
这是与此相关的JS代码。请建议如何做：-
function pageLoad() {
$("#careerdiv").accordion({
collapsible: true,
autoHeight: false,
active: false
});
$("a#vari
浏览 0提问于2015-04-23得票数 2
回答已采纳
由于某些原因，我无法将z-index设置为9999的绝对位置元素显示在带有YouTube iframe的FancyBox上，即使我的wmode参数设置为opaque，甚至是'X‘关闭按钮：
FancyBox v2.1.3
FancyBox媒体v1.0.5
联署材料：
(function($) {
$(function() {
$('#splash-video')
.fancybox({
fitToView : true,
width : '1
浏览 3提问于2012-10-26得票数 1
回答已采纳
我使用fancybox获取状态信息，f.e。成功登录后，出现一个带有消息的框，该框在一段时间后消失，代码如下：
<a href="#status" id="click-status"></a>
<div id="status" class="status">You were succesfully logged in</div>
<script type="text/javascript">
$("#click-status").fancy
浏览 3提问于2014-02-08得票数 1
1回答
我有一段youtube的视频，我想在它结束的时候关闭它。这应该是可行的，但事实并非如此。fancybox启动并正确显示视频，但没有出现任何console.log。我做错了什么？
$.fancybox({
href: "https://www.youtube.com/embed/8CR-zM6jwD8?rel=0&autoplay=1",
type: "iframe",
beforeShow: function () {
// Find the ifra
浏览 2提问于2015-11-12得票数 0
回答已采纳
1回答
我已经在我用Asp.Net设计的网站上实现了FancyBox的未来，一切都很好，直到我注意到我用下面的代码打开页面并输入一些条目，然后用parent.$.fancybox.close();关闭页面。
下一次我使用相同的功能打开页面时，同一屏幕上的输入将变得不可访问，即使是网格或其他功能的其余部分也可以正常工作。一旦我做了整个页面的刷新，我可能会再次做一次输入。我还注意到，如果我没有使用parent.$.fancybox.close()；来关闭FancyBox并使用x标记来关闭，那么无论我打开页面并使用X标记关闭多少次，一切都会正常工作。
$.fancybox(
{
浏览 3提问于2013-07-23得票数 0
我正在使用fancybox显示一个iframe，并在单击按钮时关闭它。这只是为了测试目的。关闭功能在IE和FF上工作，而在Chrome上不起作用。
<title>Test</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" sr
浏览 0提问于2011-10-28得票数 1
1回答
我有一个使用remote_form_for标记提交的表单。
视图
<% form_remote_tag(:url => { :action => 'create' }) do %>
a bunch of fields
<% end %>
控制器
def create
if @greeting.can_save?
respond_to do |format|
format.html {redirect_to board_link(@board)}
format.js #close the iframe and r
浏览 6提问于2011-03-30得票数 0
1回答
我尝试从iframe中删除tablesorter中的行，但我可以成功删除，但无法触发update tablesorter。这是我正在尝试的内容
$(document).ready(function () {
var uid = ". json_encode($_POST['uid']) . ";
var access = " . json_encode($_POST['access']) . ";
if(access == '1') {
top.$('#content
浏览 0提问于2016-05-11得票数 1
我试图通过调用fancybox上的下一个方法将一个新的URL加载到Iframe，但是我一直无法让它工作。
我知道我可以在iframe中关闭一个fancybox
parent.$.fancybox.close()；
然而，使用parent.$.fancybox.next()却不起作用
没有这方面的规定，还是我做错了什么？
<a href="javascript:void(0)" onclick="goToNext()">next</a>
function goToNext()
{
parent.$.fancybox.next()
}
浏览 1提问于2012-04-18得票数 0
我有一个Fancybox 2 iframe模式窗口，其中包含一个‘添加到购物车’表单。提交表单时，将在Fancybox模式窗口中加载一个成功/确认页面。
我想在这个成功/确认页面上运行一个脚本，它关闭Fancybox窗口并将父窗口重定向到这个URL：'/shop/basket‘我该怎么做呢？
下面是我现在得到的代码(它只关闭Fancybox窗口，但不执行父窗口重定向)：
<script type="text/javascript">
$(function() { parent.$.fancybox.close(); });
</script>
浏览 0提问于2012-12-13得票数 0
回答已采纳
请参阅这个Q演示：
我的发展有一个问题。我使用下面的脚本加载Fancybox弹出窗口。
单击Submit按钮后，它将打开另一个包含地图的弹出窗口。该地图在Firefox上运行得很好，但在其他浏览器上却不起作用。
我必须能够让地图在所有当前浏览器上工作。请指导我解决这个问题。
<script type="text/javascript">
$(document).ready(function() {
$("#zipcodechange").click(function() {
$.fancybox({
href : "#
浏览 3提问于2014-01-30得票数 3
我有显示简单表单的fancybox。如果我按下保存，一切正常，表单正常保存，弹出窗口关闭，等等。但让我恼火的是，我不能以其他方式关闭弹出窗口，然后保存它或右键单击右上角的图标(十字图标)。
我想添加一个按钮或链接关闭页面底部也(例如，保存按钮的右侧)...
我真的需要完成这件事，我已经没有想法了：
到目前为止我已经尝试过了：
window.parent.$.fancybox.close();
parent.$.fn.fancybox.close();
$.fancybox.close();
parent.$.fancybox.close();
parent.jQuery.fn.fancybox
浏览 1提问于2012-02-11得票数 0
我试图将一个变量/值从fancybox iframe传递到父窗口，但没有成功。
从以下链接启动Fancybox
class="fancybox fancybox.iframe"
我在fancybox.iframe中的代码是：
$(document).ready(function(){
$('.insert_single').click(function(){
var test = $('.members_body').find('{row.U_USERNAME}');
setTimeout(funct
浏览 1提问于2014-05-15得票数 2
回答已采纳
1回答
我有一个fancybox，它打开一个iFrame，用户可以在这里修改表单数据。我希望这样做，以便如果试图关闭fancybox，就会询问用户是否希望保存所做的任何更改。我想使用一个jQuery UI对话框来实现这一点，对话框中有“是”、“否”和“取消”按钮。使用fancybox beforeClose回调生成并显示此对话框。我已经能够阻止fancybox关闭，当对话框显示时返回false，我的问题是，我现在如何关闭fancybox？使用$.fancybox.close()只需再次触发fancybox beforeClose回调(循环)。
我的守则：
$.fancybox.open({
h
浏览 3提问于2013-08-29得票数 0
1回答
我有以下脚本：
<script>
$(function() {
$('#close-button').click(function(event) {
$.fancybox.close(true);
});
});
</script>
我尝试在用户单击自定义关闭按钮(forgetit_btn.jpg)时关闭fancybox2模式。这是我一直在尝试使用的：
<img id="close-button" src="_assets/img/forgetit_btn.jpg" />
更
浏览 3提问于2013-06-08得票数 0
回答已采纳
1回答
我用下面的代码打开了花式盒子
$("#tip5").fancybox({
'width': 400,
'height': 370,
'enableEscapeButton' : false,
'overlayShow' : true,
'overlayOpacity' : 0,
'hideOnOverlayClick' : fa
浏览 0提问于2012-06-20得票数 0
回答已采纳
1回答
我目前正在尝试使用ajax和zend validate同时验证zend表单……
让我解释一下，我的表单在iframe (fancybox)中弹出，当提交时，我需要显示一条“谢谢”消息，关闭iframe并重定向用户。如果成功，我计划使用ajax验证来关闭fancybox iframe。
我遵循了几个教程，解释了如何将zend form扩展为显示错误，例如在文本输入上显示onblur事件。
一切都可以找到onblur或over事件，但是当我在submit按钮上指定click事件时，我猜表单是由zend处理的，ajax验证不起作用……你有什么提示或者你看到明显的错误了吗？？非常感谢..。javasc
浏览 0提问于2011-04-11得票数 3
1回答
我太不识字了，弄不明白。我有一个全屏iframe作为模式，在内容div中有一个关闭按钮；现在我想将同样的关闭函数应用于背景，而不包括内容div。我目前在close按钮div上内联调用该函数，如下所示：
<div id="wrapper">
<div id="content">
<div id="closeButton" onClick="parent.$.fancybox.close();">
×
</div>
</di
浏览 0提问于2018-04-25得票数 0
1回答
我试图将一个事件绑定到一个元素上，这个元素是在加载到一个iFrame中的fancyBox中加载的。
下面是加载Box的页面上的代码。在iFrame中没有：
$('a.box').fancybox({
helpers : {
overlay : {
css : {
'background' : 'rgba(255, 255, 255, 0.6)'
},
locked: false
}
},
浏览 1提问于2015-02-05得票数 0
2回答
一个客户让我用一些视频更新他的静态站点。他希望他们“弹出”并在网站上播放。我喜欢fancybox，主要是因为我在jquery上吸掉了，它使得添加lightboxes变得如此简单。我立即安装，到目前为止，一切都是100%完美的。
但他希望fancybox窗口在播放剪辑后自动关闭。因为只有几个视频，而且它们真的很短，所以我只打算为每个视频分配时间。我想最长的是1分30秒和5个视频。
我怎样才能做到这一点？fancybox站点上写着“在iframe parent.$.fancybox.close();中”，但我不知道如何利用jquery中的延迟来解决这个问题。任何意见或想法都会很棒。
浏览 3提问于2011-10-10得票数 3
回答已采纳
1回答
不支持Youtube链接
、、、
我有一个ASP.NET MVC的网站。页面加载后，我将得到下面的错误。我已经动态地传递了Youtube URL，但是我收到了一个错误：
Load denied by X-Frame-Options: http://www.youtube.com/v/g5RM5StrMXY does not permit cross-origin framing
我的守则：
<script>
function closeVideowindow(k) {
alert(k);
var URL = $('#cnad_text_1').val();
var htm
浏览 0提问于2013-03-11得票数 4
在我的站点上，我有一个fancybox，它包含页面上隐藏的<div>的内容。此隐藏<div>包含指向外部站点的链接。
是否可以在已经打开的fancybox中打开此链接？
我目前的代码如下：
$("#lightbox-link").fancybox({
'scrolling' : 'no',
'width': 5000,
'height': 2000,
'onComplete': function() {
$('a#y
浏览 0提问于2011-03-22得票数 2
1回答
我已经在这上面花了几个小时了，然后就放弃了。
我想让Fancybox在计时器上触发(比如5秒后)。我可以让它在页面加载时打开，并在一定的秒数后关闭。然而，我在网上找到的每一个例子，我都无法工作。下面是我使用的代码
$(document).ready(function() {
$(".video").fancybox({
maxWidth : 560,
padding : 9,
maxHeight : 315,
fitToView : false,
width
浏览 1提问于2012-08-20得票数 2
回答已采纳
10回答
父链接：
<a href="feedback.php" id="feed">Provide your feedback here</a>
启动fancybox的jQuery代码是.
$("#feed").fancybox();
Feedback.php中的代码..。
<html>
<head>
<script language="javascript">
$(document).ready(function(){
$("
浏览 2提问于2010-12-08得票数 5
回答已采纳
我以前使用过jQuery的.html()函数来更新内容，但它总是在.ajax()函数中，例如：
$.ajax({
padding : 15,
type : "POST",
cache : false,
url : "anyPage.php?page=ajax",
data : $(this).serializeArray(),
success: function(data) {
$("#Div").html(data);
浏览 0提问于2013-04-20得票数 1
回答已采纳
在fancybox ajax调用中包含以下内容
$.ajax({
type: 'POST',
url: 'sendmesse.php',
data: $("#messform").serialize(),
success: function(data) {
if(data == "true") {
浏览 0提问于2012-08-07得票数 0
回答已采纳
案例1:一次使用fancybox时，我无法让下面的代码在iframe中工作(是的，我尝试了与以下代码相关的所有味道。我也回复了这个帖子)
parent.$.fancybox.close();
最后，通过从iframe中删除主jquery文件(jQuery1.5.2.min.js)，解决了这个问题。
案例2:在同一个项目的另一个页面中，同一个fancybox(iframe)表示$不是定义的。
现在，我通过在iframe中添加主jquery文件(jQuery1.5.2.min.js)解决了这个问题。
我现在面临的问题： $.fancybox.resize不适用于这个iframe！(我坚信它的原因
浏览 4提问于2011-09-24得票数 0
我在FancyBox 2模式的iframe窗口中打开了一个登录表单。但是当您提交表单时，网页将在模式中打开。
谁能告诉我，如果以及如何使Fancybox模式关闭，并在提交登录表单时重新加载底层页面？
下面是我的当前代码--在一个functions.js文件中：
$(".login-popup").fancybox({
maxWidth : 310,
height : 300,
autoSize : false,
closeClick : false,
openEffect : 'none',
浏览 1提问于2012-11-16得票数 3
回答已采纳
1回答
我有几种情况，我需要改变css的Fancybox iframe内联，但我还没有找到如何做到这一点。
编辑--部分成功地改变了函数内的选项，改变了iframe的高度、宽度和填充，但是wrapCSS没有这样做，因此我无法调整字体的颜色或大小。我也不能将它与下面列出的其他方法结合起来。
parent.$.fancybox({
content: "Thank you for creating an account",
type : 'iframe',
padding : 50,
width: 50,
height
浏览 5提问于2012-12-03得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
