Question

我在我的项目中使用FancyBox实现（FancyBox）来提示用户上传所需的文件，并在fancybox中提交表单后，它已正确提交。现在提交表单后，fancybox将关闭，父窗口将更新。

我的问题是，表单在fancybox本身内部提交，fancybox内容更新而不是父窗口。我使用iframe打开FancyBox。

请参阅代码

fancybox页面名称为fancyfiles.jsp

在这个JSP中，我有一个这样的函数来提交表单：

function submitForm()
{ 
 parent.$.fancybox.close();
 target = "_parent";
 document.getElementById("invoice_form").submit();
}

父JSP名称是submitfiles.jsp

$(document).ready(function() 
{
 $("#others").fancybox({
  'width'  : '40%',
  'height' : '60%' ,
  'type'   : 'iframe'
 });

 $("#clickme").click(function(){
  json_obj+=']';
     document.getElementById('json_obj').value = json_obj;
     $("#others").trigger('click');
    });


});

请帮我解决这个问题。 fancybox中的表单将被提交，fancybox将被关闭，更新将仅在父页面上进行。现在我可以提交表格并关闭fancybox，但是无法让父母的windoe得到更新。甚至试过重新加载页面但仍然没用。

注意：我已经对此做了足够的研究，尝试了所有可能的解决方案。所以请帮我搞定这项工作。提前致谢

Answer 1

所以你的意思是关闭fancybox，你的父表格应该更新？尝试使用

onClosed    :   function() {}

它是fancybox的一项功能，无论何时关闭你的fancybox，你都可以运行一个ajax脚本。

在Fancybox中提交表单并在父页面中返回结果

1 个答案: