使用Javascript单击计数按钮，将计数传递给Wordpress循环，并附加到同位素容器

我正在尝试加载post对象，并将它们附加到同位素容器中。 我单击一个按钮append，它获取getItemElement

getItemElement是一个wordpress循环

我试图将计数传递给wordpress循环，这样它就可以偏移循环并获取接下来的三篇文章，在计数器中添加三篇文章，然后获取接下来的三篇文章

第一次单击时，它将添加3，将计数设为8，然后跳过前8篇文章，加载下一篇3，然后停止。在第二次单击时，它将添加3到8，跳过前11篇文章，然后加载下3篇并停止

    var $appendcount = 5;
    $('#append').on( 'click', function() {
        $appendcount = $appendcount + 3;
        if($appendcount==23){$('#append').css('opacity','0.2');}
        // create new item elements
        var $elems = getItemElement().add();                    
        // append elements to container
        $container.append( $elems )
                  // add and lay out newly appended elements
                  .isotope( 'appended', $elems );
    });

    // Short Wordpress Loop />
    function getItemElement() {
      var $item = $('<?php $postcounter =' . $appendcount . '; $instaqueryappend = new WP_Query( array("offset"=>$postcounter, "cat"=>15, "posts_per_page"=>3) ); if ( $instaqueryappend->have_posts() ) : while ( $instaqueryappend->have_posts() ) : $instaqueryappend->the_post(); $postcounter++; $feat_image = wp_get_attachment_url( get_post_thumbnail_id($post->ID) ); ?><div class="element-item img append instagram img<?php echo $postcounter; ?>"><a href="<?php echo $feat_image; ?>"><img src="<?php echo $feat_image; ?>" alt=""></a></div><?php endwhile; else: endif; ?>');
      return $item;
    }

---

php和javascript在不同的环境和时间运行不幸的是，这不可能直接实现，可能需要AJAX将数据反馈到php文件。本质上，当加载页面时，首先实现PHP命令，然后是HTML，最后是JavaScript命令（假设JS内容在页脚中）。如果要将值传递回PHP，则需要使用正确的数据值“重新加载”页面。用PHP做任何事情都是理想的，也是最好的。这是有道理的。因此，即使php是通过按下按钮触发的，它实际上是在初始页面加载时被拉入的，然后在javascript启动后显示出来的？在创建任何html之前，没有php运行。它所做的只是输出服务器阶段存在的值，即php设置的值。javascript使用自己的变量，您可以将php输出到javascript中，例如，$x=1；在你的js中永远是1。如果设置var x=现在就有一个js变量可用于so x++；=2.Ajax将与您的服务器php通信，并将使用您从js传递的变量运行函数……查看wordpress和Ajax，我这里没有扩展的空间。