javascript - 无法使用 javascript 下载 wordpress 帖子

Question

你好，我有一个帖子列表，我使用 javascript，download a post as pdf 但我有一个问题，因为下载按钮只适用于第一个帖子，而不适用于其他帖子，当我检查浏览器中的按钮时，我可以看到下面的描述，但按钮不工作

如果有人可以提供帮助，这是我的代码的一部分：

ps：下载按钮是：Imprimer l'offre

<li style=" border: 1px solid black; padding: 20px; margin-bottom: 30px;" <?php job_listing_class(); ?> data-longitude="<?php echo esc_attr($post->geolocation_long); ?>" data-latitude="<?php echo esc_attr($post->geolocation_lat); ?>">
  <!--  <a href="<?php the_job_permalink(); ?>">
     -->
  <!-- <?php the_company_logo(); ?> -->
  <div class="work-section">
    <h3><?php wpjm_the_job_title(); ?> <?php echo "Job ID: " . $post->ID ?> </h3>
    <!-- <div class="company">
                    <?php the_company_name('<strong>', '</strong> '); ?>
                    <?php the_company_tagline('<span class="tagline">', '</span>'); ?>
                </div> -->
  </div>
  <!-- <div class="location">
                <?php the_job_location(false); ?>
            </div> -->
  <div id="tblCustomers">
    <div id="collapseExample<?php echo  $post->ID ?>" class=" collapse job_description">
      <?php wpjm_the_job_description(); ?>
    </div>
    <div id="print-btn"></div>

  </div>

  <center>
    <div class="vc_btn3-container  red-btn vc_btn3-inline" style="margin-top: 20px">
      <button id="pdfview" data-target="<?php echo  $post->ID ?>" style="text-align: center;">
        Imprimer l’offre
      </button>

      <div id="pdfdiv" style="display: none;">
        <?php wpjm_the_job_description(); ?>
      </div>

      <div id="editor"></div>

      <script type="text/javascript">
        var $ = jQuery.noConflict();

        $(window).on('load', function() {
          var doc = new jsPDF();
          var specialElementHandlers = {
            '#editor': function(element, renderer) {
              return true;
            }
          };
          $('#pdfview').click(function() {
            doc.fromHTML($('#pdfdiv').html(), 15, 15, {
              'width': 700,
              'elementHandlers': specialElementHandlers
            });
            doc.save('file.pdf');
          });
        });
      </script>
    </div>

标签： javascriptphpjquerywordpresswordpress-theming