Question

我买了这个javascript jquery插件：Infinite AJAX Scroll，我想在我创建的wordpress主题，首页和档案上使用它。

我尝试了以下链接的文档：https://infiniteajaxscroll.com/docs/getting-started.html和Wordpress链接：https://infiniteajaxscroll.com/docs/cookbook-wordpress.html

但是也许是因为我使用了2个不同的循环，一个循环用于最后三个帖子，第二个循环用于之后的所有帖子，所以我不知道它应该如何工作。

这是一个大循环：

$args = array(
        'offset' => 3
    );
    $query = new WP_query ( $args );
    if ( $query->have_posts() ) {
    ?>

    <section class="container">
            <div class="row"><h1 class="section_title ASG_dark col-lg-12">Plus de news...</h1></div>
            <div class="row">

        <?php while ( $query->have_posts() ) : $query->the_post(); ?>

          <?php $url = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' ); ?>

                <div class="col-lg-4 my-4">
                    <div class="highlight_sticker">
                        <div class="highlight_sticker_thumbnail" style="background-image: url('<?php echo $url[0]; ?>');"></div>
                        <div class="highlight_sticker_info p-4">
                            <div class="highlight_sticker_title"><a href="<?php echo the_permalink(); ?>"><?php echo the_title(); ?></a></div>
                            <div class="highlight_sticker_date"><?php echo the_date(); ?></div>
                        </div>
                        <div class="highlight_sticker_button"><span class="oi oi-plus" title="plus" aria-hidden="true"></span></div>
                    </div>
                </div>

            <?php endwhile; ?>
                        <?php wp_reset_postdata(); ?>
                <div style="clear: both;"></div>
            </div>

      </section>

当我尝试在Wordpress部分之后使用它时，它仅显示“您到达末尾”。

有人可以帮我吗？我对Javascript感到很难过，无法自己理解。

Answer 1

“。col-lg-4 my-4”不是有效的类选择器。尝试“ .col-lg-4 .my-4”或“ .my-4”

更好的方法是向元素添加一个更具体且唯一的类并使用它。

在自定义主题中实现jquery-ias时遇到问题

1 个答案: