关闭Fancybox 2窗口并重定向父窗口

Question

我有一个Fancybox 2 iframe模态窗口,其中包含一个"添加到购物车"表单.提交表单后,将在Fancybox模式窗口中加载成功/确认页面.

我想在这个关闭Fancybox窗口的成功/确认页面上运行一个脚本,并将父窗口重定向到这个URL:'/ shop/basket'我该怎么做？

这是我目前获得的代码(它只关闭了Fancybox窗口,但没有进行父窗口重定向):

<script type="text/javascript">
  $(function() { parent.$.fancybox.close(); });
</script>

编辑:

这是我在functions.js文件中初始化Fancybox的方法:

$(".add-to-cart-popup").fancybox({
    width       : 580,
    height      : 744,
    closeClick  : false,
    scrolling   : 'auto'
});

编辑2:

这段代码完成了我正在寻找的东西 - 但任何人都可以想到更好的方法吗？这只是我一起入侵的东西:

<script type="text/javascript">
  $(function() { parent.$.fancybox.close(); });
  window.parent.location.href = '/shop/basket';
</script>

Answer 1

不要尝试从子页面重定向,而是从父页面本身.

如果您的父页面中有此代码(functions.js):

$(".add-to-cart-popup").fancybox({
    width       : 580,
    height      : 744,
    closeClick  : false,
    scrolling   : 'auto'
});

然后只需添加afterClose回调就好;

$(".add-to-cart-popup").fancybox({
    width       : 580,
    height      : 744,
    closeClick  : false,
    scrolling   : 'auto',
    afterClose  : function() {
       location.href = "/shop/basket";
    }
});

...你仍然需要parent.$.fancybox.close();从子页面执行