在 ajax 添加到 Woocommerce 中的購物車事件后運行 javascript 代碼

Question

在 woocommerce 中，我有一個包含以下類的添加到購物車按鈕：

button product_type_simple add_to_cart_button ajax_add_to_cart 

單擊此按鈕后，我想運行 javascript 代碼。 它是一個自定義的 JS 文件。 單擊此類時如何觸發自定義 js 文件？

Answer 1

嘗試下面的代碼，一旦產品添加到購物車，您就可以在其中觸發一些關於 ajax 添加到購物車的代碼：

add_action( 'wp_footer', 'trigger_for_ajax_add_to_cart' );
function trigger_for_ajax_add_to_cart() {
    ?>
        <script type="text/javascript">
            (function($){
                $('body').on( 'added_to_cart', function(){
                    // Testing output on browser JS console
                    console.log('added_to_cart'); 
                    // Your code goes here
                });
            })(jQuery);
        </script>
    <?php
}

代碼進入活動子主題（或活動主題）的 function.php 文件。 測試和工作。

Answer 2

如果您需要訪問JQuery，則需要添加一個鈎子來點擊該類的所有元素。 .click（）文檔 。

基本上你需要做的是以下幾點：

$('.button').click(function(event){
// your code here
});

其中$（）調用jQuery，'。button'表示所有帶有類（'。'）'按鈕'的元素，而.click正在為這些項上的每個click事件添加一個處理程序。 閱讀文檔以獲得進一步說明+已經有很多關於此主題的問題，因此大多數信息都在docs或stackoverflow \\ google中。

祝好運！