如何在无限卷轴脚本中添加包装器?

时间:2014-06-05 作者:melissa

我正在使用Wordpress并手动添加GitHub上paulirish的Infinte滚动:https://github.com/paulirish/infinite-scroll/

它可以正常加载,但如何在所有帖子周围添加包装?

基本上,我在一个<li> 标签我想添加一个<ol> 环绕/环绕帖子列表项。有什么想法吗?

作为参考,这是我在函数中使用的脚本。php文件:

    /**
 * Load Javascript for Infinte Scroll
 */
function custom_theme_js(){
    wp_register_script( \'infinite_scroll\',  get_template_directory_uri() . \'/js/jquery.infinitescroll.min.js\', array(\'jquery\'),null,true );
    if( ! is_page_template( \'archive\' ) ) {
        wp_enqueue_script(\'infinite_scroll\');
    }
}
add_action(\'wp_enqueue_scripts\', \'custom_theme_js\');


/**
 * Infinite Scroll
 */
function custom_infinite_scroll_js() {
    if( ! is_page_template( \'archive\' ) ) { ?>
    <script>
    var infinite_scroll = {
        loading: {
            img: "<?php echo get_template_directory_uri(); ?>/images/ajax-loader.gif",
            msgText: "<?php _e( \'Loading the next set of posts...\', \'custom\' ); ?>",
            finishedMsg: "<?php _e( \'All posts loaded.\', \'custom\' ); ?>"
        },
        "nextSelector":".navigation .nav-next a",
        "navSelector":".navigation",
        "itemSelector":".archive-image",
        "contentSelector":"#archive-content"
    };
    jQuery( infinite_scroll.contentSelector ).infinitescroll( infinite_scroll );
    </script>
    <?php
    }
}
add_action( \'wp_footer\', \'custom_infinite_scroll_js\',100 );
谢谢!

1 个回复
SO网友:markcbain

您可以通过编辑存档来控制标记。php。在这里,您可以为各个帖子添加包装。

结束

相关推荐

Posts Not Paginating

我正在复制clients site 结束了,所以我已经导出并重新导入了帖子等,并将主题纳入了他们的new site. 然而,在首页上,它使用小部件分页器插件对最新帖子进行分页。看起来好像他们已经围绕核心的212主题构建了这个主题,因此它使用以下代码对帖子分页:<?php while ( have_posts() ) : the_post(); ?> <?php if ( has_post_thumbnail() ) : ?> <div