JQuery отправить не работает внутри fancybox - PullRequest
Новая
       28

JQuery отправить не работает внутри fancybox

0 голосов
/ 18 апреля 2019

Я использую 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 ");
}

1 Ответ

1 голос
/ 18 апреля 2019

вам нужно добавить идентификатор формы из-за $('#authorizationNoteSummary'), например: 

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