当点击下载按钮显示弹出窗口并去下载PDF答案

【问题标题】：When click download button show popup and go to download PDF当点击下载按钮显示弹出窗口并去下载PDF
【发布时间】：2019-03-05 19:37:58
【问题描述】：

我想在我的 wordpress 网站下载 pdf 之前添加弹出窗口。我尝试添加联系表单 7 事件侦听器，但它不起作用。有什么想法吗？？

<p class="margin-xs-top20"><?php 
              if( get_field('download') ): ?>
              <button data-toggle="modal" data-target="#myModal" type="file" class="btn btn-default btn-lg btn-primary btn-huge">download publication
              <script>
<script type="text/javascript">
        document.addEventListener( 'wpcf7mailsent', function( event ) {
            if ( '4265' == event.detail.contactFormId ) { // Sends sumissions on form 4265 to the first thank you page
                var pdfLink = '[DOMAIN]/wp/wp-content/uploads/2018/06/file.pdf';
            } else if ( '4266' == event.detail.contactFormId ) { // Sends submissions on form 1070 to the second thank you page
                var pdfLink = '[DOMAIN]/wp/wp-content/uploads/2018/06/file2.pdf';
            }
            else {
                //do nothing
            }
            jQuery.get(pdfLink, (data) ->
              window.location.href = jQuery(this).attr('href');
            )
        }, false );
    </script>
</script></button>

                 <?php endif; ?></p>

【问题讨论】：

在什么意义上不起作用？发生了什么？
重定向不起作用
“重定向不起作用”对我们没有帮助。页面上是否出现任何内容？您是否在屏幕或控制台中收到任何错误？ if 条件是否失败并进入脚本的//do nothing 部分？如果我们不知道发生了什么，我们将无能为力。尝试一些调试，让我们知道结果。

标签： php wordpress contact-form-7

【解决方案1】：

您应该尝试过WP Post Popup WordPress 插件。也许你在你的 WordPress 网站上得到了你想要的东西

【讨论】：