programing

WooCommerce AJAX 배송 방법 업데이트 후 jQuery 실행

stoneblock 2023. 2. 28. 23:10

WooCommerce AJAX 배송 방법 업데이트 후 jQuery 실행

jQuery 함수는 배송 옵션이 갱신된 후 체크아웃 페이지, Ajax 호출 및 Woocommerce 커스텀이벤트를 통해 초기화해야 합니다.updated_shipping_method가 트리거되었습니다.

이 이벤트를 재생하도록 jQuery 스니펫이 설정되었지만 제대로 작동하지 않습니다.

jQuery( document.body ).on( 'updated_shipping_method', function(){
  // Code stuffs

  // has the function initialized after the event trigger?
  console.log('on updated_shipping_method: function fired'); 
});

제가 한번 해봤는데updated_wc_div커스텀 이벤트도 무효입니다.

커스텀 이벤트 트리거를 재생하기 위해 카트 페이지에서 거의 말 그대로 유사한 방법을 사용하고 있습니다.updated_cart_totals완벽하게 작동합니다.왜 이것이 체크아웃 페이지에 해당되지 않는지 잘 모르겠습니다.

올바른 커스텀 이벤트: updated_checkout

문제의 코드 스니펫은 잘못된 Woocommerce 커스텀이벤트를 리슨하고 있었습니다

이 경우 청취하는 올바른 커스텀이벤트는 다음과 같습니다.updated_checkout.

새로운 배송 방법을 선택할 때 Woocommerce는 선택한 배송 방법의 가격을 반영하도록 카트 합계를 업데이트하기 위해 Ajax 호출을 실행하고 트리거합니다.updated_checkout.

그래서 만약에updated_checkout듣는 것보다 듣는 게 아니라updated_shipping_method스크립트는 의도대로 실행됩니다.

언급URL : https://stackoverflow.com/questions/43096952/run-jquery-after-woocommerce-ajax-shipping-method-update