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();
    }
} );

猜你在找的jQuery相关文章