关闭 Fancybox 时返回 iFrame 而不是父级

Question

我有一个在 Fancybox 中呈现的 iFrame。在 iFrame 中，我有另一个链接，按照建议 here 在父页面上调用 Fancybox。一切都按预期工作。在关闭使用父页面上的 Fancybox 从 iFrame 中调用的 Fancybox 时，我返回到父页面。但是，我希望将行为修改为返回 iFrame 而不是父页面。

我目前在 iFrame 中的 Fancybox：

jQuery('.container').on('click', 'a.fancybox-large', function(e){
    e.preventDefault();

    parent.jQuery.fancybox({
        href            : this.href,
        padding         : 0,
        closeBtn        : true,
        fitToView       : true,
        helpers         : { overlay: {opacity: 1, css: {'background-color': '#000000'}} }
    });
});

有什么建议吗？

问候， 约翰

Answer 1

您可以使用.focus() 方法在iframe 中选择要关注的元素。

例如，在iframe 中有一个输入字段

<input type="text" class="field" />

已编辑：添加完整脚本。

将afterClose 选项添加到您的脚本中

jQuery('.container').on('click', 'a.fancybox-large', function(e){
 e.preventDefault();
 parent.jQuery.fancybox({
  href            : this.href,
  padding         : 0,
  closeBtn        : true,
  fitToView       : true,
  helpers         : { 
   overlay: {
    opacity: 1, 
    css: {'background-color': '#000000'}
   } 
  },
  afterClose: function(){
   jQuery('.input').focus();
  }
 });
}); // on

fancybox 关闭后，您的注意力将集中在 iframe 内的 input 字段