prosource

WooCommerce AJAX 카트 업데이트 후 jQuery 실행

probook 2023. 3. 29. 21:37
반응형

WooCommerce AJAX 카트 업데이트 후 jQuery 실행

WooCommerce:

document.ready에 로딩되는 jQuery가 수량 입력 상자에 영향을 줍니다.효과가 좋다.

문제는 카트/삭제 아이템을 갱신할 때 JQuery가 AJAX 호출에 의해 정지(갱신)되기 때문에 jQuery를 다시 실행해야 한다는 것입니다.카트 업데이트 후 스크립트를 다시 실행하기 위해 추가할 수 있는 후크/필터가 있습니까?검색해도 아무것도 찾을 수 없습니다(또는 무엇을 찾고 있는지 모를 수도 있습니다).

고마워!!!!

WooCommerce 스크립트에는 몇 가지 커스텀이벤트가 포함되어 있습니다자체 스크립트는 이러한 이벤트를 듣고 트리거될 때 자체 코드를 실행할 수 있습니다.당신의 경우에 가장 명백한 것은 아마도.updated_wc_div도움이 될 수도 있어요. 테스트를 안 해보는 건 잘 모르겠어요.테스트 및 동작.

$( document.body ).on( 'updated_cart_totals', function(){
    //re-do your jquery
});

또한 사용자가 카트에서 아이템을 제거한 후 기능을 실행해야 했고 위의 이벤트도 수행해야 했습니다.updated_cart_totals또는updated_wc_div나한테는 통하지 않았어

Woocommerce 프런트 엔드 코드를 파헤친 후

[/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js]

다음 이벤트를 찾았습니다.

$(document.body).on('added_to_cart removed_from_cart', do_magic);

이것들은 아주 잘 작동했어요!

내 경우 다음을 추가해야 합니다.

jQuery(document.body).on('removed_from_cart updated_cart_totals', function () {
    location.reload();
});

js cart submit으로 커스터마이즈가 많기 때문에

언급URL : https://stackoverflow.com/questions/39312360/run-jquery-after-woocommerce-ajax-cart-update

반응형