如何在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 次......我如何使脚本发挥作用.php或主脚本.js以便他继续按预期工作。为此，我知道我需要在main中传递id.js或者在函数.php中传递一些事情。

Answer 1

很

抱歉回复晚了。

在生成带有类add_to_cart_button的按钮的主页中，您可以编辑输出，使按钮如下所示。

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

现在在 JS 文件中，在代码中执行以下编辑。

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