如何从子窗口关闭 fancybox?

2023-12-26

父链接:

<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(){
    $("#feed_submit").click(function(){
    //Name is alerted
    alert($("#name").val());

    //code to close fancy box(Not working)
    $.fancybox.close();

    });
    });
</script>
        </head>
        <body>
        <form method="post" name="feedback" id="feedback" action="">
                <div>
                    <label>name</label>
                    <input type="text" name="name" id="name"/>
                </div>
                <div>
                    <label>feedback</label>
                    <input type="text" name="content" id="content"/>
                </div>
        <div><input type="button" name="feed_submit" id="submit" value="submit"></div>
    </form>    
    </body>
    </html>

单击提交按钮后,我需要使用 jquery 关闭此页面本身的精美框

我尝试过使用

$.fancybox.close();
parent.$.fancybox.close();

但这对我不起作用。如果有任何选项可以关闭此 ajax 表单,请告诉我。


下面的代码should工作,并且为很多人工作过

parent.$.fn.fancybox.close();

不过,我也见过,例如在这个问题中 https://stackoverflow.com/questions/2227096/fancybox-iframe-returns-parent-as-undefined-using-wordpress,jQuery 在无冲突模式下运行,用户不知道。如果您遇到这种情况,则必须将脚本修改为

parent.jQuery.fn.fancybox.close();

如果这些都不起作用,请使用 Firefox 的 Firebug 或 Chrome 的开发者控制台等工具,查看是否有错误消息,并向我们报告错误消息。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何从子窗口关闭 fancybox? 的相关文章

  • 使用 jQuery 检查 ASP.NET 复选框

    我有以下 ASP NET 服务器控件复选框
  • 有没有办法同步 gif 文件?

    我有一个页面 上面有 7 个 gif 文件 有没有办法将它们全部同步 以便它们同时开始播放 我正在考虑预加载它们 但如果一个加载时间比另一个加载时间长 它们仍然可能无法开始同步 正如 Archer 上面指出的 一种方法是预加载它们 然后重置
  • jQuery 相当于 YUI StyleSheet Utility?

    jQuery 或其插件之一 是否具有与YUI 样式表实用程序 http developer yahoo com yui 3 stylesheet StyleSheet Utility 能够从头开始创建新的样式表 以及修改作为来自同一域的元素
  • 无限滚动启用(wordpress)

    因此 我发现本教程可以启用无限滚动 http wptheming com 2012 03 infinite scroll to wordpress theme http wptheming com 2012 03 infinite scro
  • Json Parse - 未捕获的语法错误:意外的标记 T [重复]

    这个问题在这里已经有答案了 可能的重复 JSON Javascript 转义 https stackoverflow com questions 13180462 json javascript escape 我在 jsonlint 上测试
  • 在 Rails 3 中使用 jQuery 插件

    完成哈特尔的伟大导轨教程我现在正在努力实现非常好的目标jQuery 新手到忍者由卡斯尔丁和沙基创作 虽然我能够在我的 Rails 项目中包含 jquery js 和 jquery ui js 但在添加其他 jQuery 插件时我遇到了困难
  • jQuery datepicker 无法正确更新值

    在我目前正在工作的网站上 我有一个用于添加事件的表单 此事件需要用户使用 jQuery 日期选择器选择日期 一个日期只能有一个事件 所以我想检查用户在日期选择器中插入的日期 我尝试通过在用户选择日期后获取值来执行此操作 然而问题是 日期选择
  • 如何判断小部件为哪个日期选择器打开

    这个问题类似于检查日期选择器是否打开 https stackoverflow com questions 2779896 check if datepicker is open只不过它属于具有多个日期选择器控件的页面 当页面上有多个日期选择
  • 等待服务器时的进度条

    有些操作非常耗时 并且等待它们完成需要很长时间 有时会出现超时的情况 我想使用实时进度条 所以我想向用户显示状态 并且我想防止超时 我必须使用哪些技术 JS Ajax 多线程还是两者兼而有之 我该如何实现这个 请指教 我建议使用像 jque
  • 有没有办法让div在通过jquerydraggable[或等等]拖动时不互相重叠?

    有没有办法让div在通过jquerydraggable 拖动时不互相重叠 我有一堆 div 用户可以拖动它们 但我不能让它们彼此重叠 基本上 我正在创建一个画布 用户可以在其中自由移动网站内容 但在移动它们时不需要与其他内容重叠 有任何想法
  • 捕获客户端验证失败

    我有一个基于 div 点击提交的表单 我还让它在单击时启动等待指示器 我试图找出是否有一种方法可以检测客户端验证是否失败 以便我可以删除等待指示器 在提交尝试后不再显示它 或者我可以手动调用客户端验证在我尝试提交之前 你可以试试 div c
  • jQuery Calendar:如何在特定日期添加可点击事件?

    我正在使用 jquery 完整日历http arshaw com fullcalendar http arshaw com fullcalendar显示会议 我只是想确认是否可以添加活动 让我们创建一个新会议 使用 php ajax 在特定
  • jQuery:append() 与appendTo()

    我正在测试 jQuery append vs appendTo 使用以下代码的方法 div gt id id text this text appendTo div type item id div type item id append
  • 为什么 jQuery 对损坏标记的解释与浏览器不同?

    我之前已经回答过这个问题 https stackoverflow com a 19101905 1253312 但我并不完全理解why答案是正确的 答案的要点 p p function jqrender html a href http w
  • 将jQueryUI datepicker附加到div(显示位置错误)

    我在输入上使用 jQueryUI datepicker 默认情况下 jQueryUI 会附加 ui datepicker div to the body该文件的 有问题的输入位于屏幕上的 弹出 div 中 这意味着该 div 之外的任何点击
  • 暂停或停止整页而不破坏

    我有一个正常滚动的页面 页面上有一个锚点 它会弹出一个模式 我在其中初始化 fullpage js 到目前为止 效果很好 但是当用户单击关闭图标时 我希望模式窗口关闭 并使 fullpage js 暂停或停止 以便禁用全页滚动效果 除非用户
  • 帮助使用 jquery 验证插件和复选框

    我有一个复选框组 需要对其进行唯一命名 以将值单独存储在数据库中 但是 使用 jquery 验证插件 我无法验证名称不同的组
  • chrome中使用jquery的图像高度问题

    img height 回报0在 Chrome 中 但在 IE 和 Firefox 中返回实际高度 在 Chrome 中获取图像高度的实际方法是什么 正如 Josh 提到的 如果图像尚未完全加载 jQuery 将不知道尺寸是多少 尝试这样的操
  • 如何在网页上显示进度条直到网页完全加载?

    我想在网页中显示进度条 加载弹出窗口 直到页面完全加载 我的网页很重 因为它包含一个 HTML 编辑器 这是一个基于 jQuery 的 HTML 编辑器 需要很多时间才能完全加载 在加载时 我希望在页面上显示一个进度条 该进度条将在整个页面
  • ASP.NET MVC3 Ajax.ActionLink - 条件确认对话框

    我有一个 Ajax ActionLink 仅当满足某些条件 用户有未保存的更改 时 我才希望显示一个确认对话框 我创建了一个 JavaScript 函数 它根据需要显示确认对话框 并根据响应返回 true 或 false 我将其绑定到 Ac

随机推荐