jquery submit在fancybox中不工作

我正在使用jquery fancybox 3显示一个弹出框。该弹出框中有一个表单，其中有一个用于下载pdf的图标。单击pdf图标时，将调用一个函数，该函数使用jquery提交表单。问题是它没有提交（即没有进入表单标签内的指定操作集，因此没有下载pdf）。我的代码如下-

<div class = "fancybox3.0_authorizationNoteSummary">
  <g:fancyBoxHeader heading="Authorization Note Summary"/>
    <g:form name="authorizationNoteSummary" action="export" method="post">
    <div style="padding-left: 820px">
        <a class="pdf" href="javascript:void(0);" onclick="exportToPdfNoteSummary();"></a>
    </div>
    <div class="clear"></div>
<div class="gridWrapper">
    <jqgrid:wrapper id="grid2"/>
</div>

    <g:hiddenField name="format" value="pdf"/>
    <g:hiddenField name="authorizationId" value="${params?.authorizationId}"/>
    <g:hiddenField name="authorizationType" value="${params?.authorizationType}"/>
    <g:hiddenField name="sidx" id = "sortBy"/>
    <g:hiddenField name="sord" id = "sortOrder" />
</g:form>
</div>

function exportToPdfNoteSummary(){
      console.log(" export ");
      $('#authorizationNoteSummary').submit();
      console.log("after export ");
}

函数exportToPdfNoteSummary（）{
控制台日志（“导出”）；
$（“#授权说明摘要”）.submit（）；
控制台日志（“导出后”）；
}

您需要添加表单ID，因为

$（“#authorizationNoteSummary”）

如下所示：

<g:form id="authorizationNoteSummary" name="authorizationNoteSummary" action="export" method="post">

---

您的代码上没有id为

authorizationNoteSummary

的表单1）您的代码是否在fancybox之外工作？2） 你有没有检查控制台上有没有任何信息？（点击F12并查看控制台选项卡）为什么使用

而不是

提交？