0

在我的 wordpress 网站中，我有一个包含 3 个部分的页面。每个部分都包含来自特定类别的帖子。我使用这个 wordpress 查询来获取该类别中的最新 3 个帖子并将其加载到它的部分（div）中。因此，对于“小说”部分，我使用以下查询：

<? $novels = get_option('of_novels') ?>
<?php $paged = (get_query_var('paged')) ? get_query_var('paged') : 1; query_posts('category_name=$novels&posts_per_page=3'); ?>
<?php while (have_posts()) : the_post(); ?>
    <div class="sliderunit">
        <?php the_post_thumbnail(); ?>
        <div class="novelsslidertitle">
            <div class="arrow-left"></div>
            <a href="<?php the_permalink(); ?>"><img class="cross" src="<?php bloginfo('stylesheet_directory'); ?>/images/cross.png"/></a>
            <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
            <h3>رواية</h3>
        </div>
    </div>                    
<?php endwhile;?>

这让我获得了#novels 类别中的最新 3 篇文章。现在，我有一些按钮。我想写一些 jequery 来循环这个类别并获取上一个和下一个帖子，并将新的查询内容重新加载到该#novels div，使用替换 html 中的旧查询代码

$("<div/>").replaceWith("// Replace with a function to get the code of new output");

在不使用分页和重新加载页面的情况下充当滑块？我希望我的问题得到很好的说明，我感谢任何有用的线索、链接或参考。

4

1 回答 1

0

我认为这不是你$.replaceWith真正需要的。您只需监听用户何时到达某个点，可能是当前加载的帖子中的最后一个，或者倒数第二个，然后运行$.ajax()或类似的查询，将其附加到您的#sliderunit，它将使您能够继续滚动/滑动。通过添加而不是替换，您可以根据需要来回切换，而无需重新加载任何内容。如果您担心内存管理，您可以$.remove()在某个阈值下使用。

如果您需要有关如何执行此操作的更多信息，请先添加新数据，然后使用 CSS 操作（例如$.animate()执行幻灯片效果）。你可以使用图层来隐藏你不想显示的东西，或者我想你也可以调用$.hide()你不想显示的块。

于 2013-04-09T01:10:52.443 回答