jqueryのwoocommerceプロダクトIDに転送するには？

Question

スクリプトがあります：

$(document).on('click', '.post-<?php the_ID(); ?> .add_to_cart_button', function(e) { 
    $(".post-<?php the_ID(); ?> .dobavlannovcart").show(); 

    var glavnikolvo = $(".post-<?php the_ID(); ?> .kuplukolvoinput .qty").val(); 
    var natovarkolvo = $(".post-<?php the_ID(); ?> .dobavlannovcart .qty").val(); 
    var res = parseInt(glavnikolvo) + parseInt(natovarkolvo); 

    $('.post-<?php the_ID(); ?> .dobavlannovcart .qty').val(res); 
}); 

は、それがPHPコードに直接挿入された瞬間、それは正しくありません。 2つの同じページがある場合、スクリプトは2回実行されます...スクリプトをfunction.phpまたはmain.jsに挿入するにはどうすればよいのでしょうか？これを行うには、main.js内のidやfunction.php内の何かを渡す必要があることを理解しています。

Answer 1

返信が遅れて申し訳ありません。

クラスadd_to_cart_buttonのボタンが生成されたメインページでは、次のように出力を編集できます。あなたのJSファイルで今すぐ

<button class="add_to_cart_button" data-id="<?php get_the_id() ?>" ...... > 

、 は、あなたのコードに次の編集を行います。

$(document).on('click', '.add_to_cart_button', function(e) { 
    var id = $(this).data('id'); 
    $(".post-"+id+" .dobavlannovcart").show(); 
    var glavnikolvo = $(".post-"+id+" .kuplukolvoinput .qty").val(); 
    var natovarkolvo = $(".post-"+id+" .dobavlannovcart .qty").val(); 
    var res = parseInt(glavnikolvo) + parseInt(natovarkolvo); 
    $('.post-"+id+" .dobavlannovcart .qty').val(res); 
});