更改 JetPack 加载更多 HTML 标记

Change JetPack Load More HTML MarkUp

我想知道如何更改 Jetpack 无限句柄 HTML 标记。 我在 infinity.js 中的 /wp-content/plugins/jetpack/modules/infinite-scroll/ 中找到了默认标记,如以下代码:

    Scroller = function( settings ) {
        var self = this;

        // Initialize our variables
        this.id               = settings.id;
        this.body             = $( document.body );
        this.window           = $( window );
        this.element          = $( '#' + settings.id );
        this.wrapperClass     = settings.wrapper_class;
        this.ready            = true;
        this.disabled         = false;
        this.page             = 1;
        this.offset           = settings.offset;
        this.currentday       = settings.currentday;
        this.order            = settings.order;
        this.throttle         = false;
        this.handle           = '<div id="infinite-handle"><span><button>' + text.replace( '\', '' ) + '</button></span></div>';
        this.click_handle     = settings.click_handle;
        this.google_analytics = settings.google_analytics;
        this.history          = settings.history;
        this.origURL          = window.location.href;
        this.pageCache        = {};

etc...

请从上面的代码中看下面的代码,这是我要更改的。

this.handle           = '<div id="infinite-handle"><span><button>' + text.replace( '\', '' ) + '</button></span></div>';

我在另一个线程中发现如何使用以下挂钩更改文本并且效果很好:

function filter_jetpack_infinite_scroll_js_settings( $settings ) {

    $settings['text'] = __( 'Load more...', 'i18n' );

    return $settings;

}
add_filter( 'infinite_scroll_js_settings', 'filter_jetpack_infinite_scroll_js_settings', 100 );

问题是,我可以使用与更改文本时相同的方法更改 this.handle 值吗?

提前感谢您的帮助:)

是的,您可以通过以下方式更改句柄值,

首先将脚本出队。

function wpdocs_dequeue_script() {
   wp_dequeue_script( 'the-neverending-homepage' );
}
add_action( 'wp_print_scripts', 'wpdocs_dequeue_script', 100 );

然后通过 functions.php 中的 wp_enqueue_script 函数将脚本 infinity.js 添加到主题,并将 this.handle 更改为您的值。