Question

当我填写表格并发送时，fancybox不会出现。
这是我用于fancybox的代码：

<div class="hidden" id="fancybox-popup-form">
        (your Fancybox content goes in here)
    </div>
<style>
.hidden { display: none; }
</style>

这是我在插件重力形式

中填写的确认文本

<script type='text/javascript'>
      $('#gform_submit_button_2').click(function () {
        $#gform_submit_button_2([
            { href : '#fancybox-popup-form' }
        ]);
    });
   </script>

这是按钮的HTML，我需要点击该功能

<input type="submit" id="gform_submit_button_2" class="button gform_button" value="Verzenden" tabindex="6" onclick="if(window[&quot;gf_submitting_2&quot;]){return false;}  window[&quot;gf_submitting_2&quot;]=true; ">

谢谢你的时间！

Answer 1

当我填写表格并发送时，fancybox不会出现。

发送时，页面会被提交刷新，因此您的fancybox不会显示，因此请尝试使用preventDefault()阻止默认操作（提交）：

$('#gform_submit_button_2').click(function (e) {
    e.preventDefault();
    //Your code
})

希望他的帮助。

Fancybox没有打开onclick提交表单

1 个答案: