如何转移到jQuery中的woocommerce产品ID？

有一个脚本：如何转移到jQuery中的woocommerce产品ID？

$(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中执行某些操作。

来源

2017-10-18 Pandaren

你可以使用数据将id附加到购物车按钮dom元素。并使用'$（this）.data（'myId'）'来访问数据。在这里进一步阅读https://api.jquery.com/data/ –

你想要产品ID显示在其他部分添加到购物车按钮点击？ –

@MujeebuRahman我想只计算和显示div显示我添加的项目。现在您可以通过添加第2页上的产品来查看allu.kz – Pandaren

对于迟到的回复，我很抱歉。

在您的主页面中生成了类别为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); 
});

来源

2017-10-20 09:43:54

如何转移到jQuery中的woocommerce产品ID？

回答

相关问题