编程语言
首页 > 编程语言> > javascript-WooCommerce:在结帐页面上停止滚动到错误消息

javascript-WooCommerce:在结帐页面上停止滚动到错误消息

作者:互联网

通常,如果结帐表单上存在错误,则WooCommerce会滚动到.form.checkout.我希望此操作停止,因为它以某种方式干扰了ScrollMagic.js.

如果我不让ScrollMagic.js入队,那么一切都可以正常工作,但是在启用ScrollMagic.js的情况下,页面只会跳到顶部.

我试图使用$(document.body).on(‘checkout_error’,function(){$(‘html,body’).stop();},但是它不起作用.

如果我用

$(document.body).on('checkout_error', function () {
    // There was a validation error
    console.log('checkout_error triggered');
});

控制台中没有日志消息.为什么什么都没发生?如何停止WooCommerce动画?

解决方法:

根据this article您可以尝试这个吗?

jQuery( document ).ajaxComplete( function() {
    if ( jQuery( 'body' ).hasClass( 'woocommerce-checkout' ) || jQuery( 'body' ).hasClass( 'woocommerce-cart' ) ) {
        jQuery( 'html, body' ).stop();
    }
} );

标签:woocommerce,wordpress,javascript,jquery
来源: https://codeday.me/bug/20191211/2105766.html