jquery - WooCommerce jQuery 在页面上工作，但不在相同按钮的弹出窗口中

Question

我有一个小问题。我发现了一个 jQuery 代码，它显示缺少选择的产品类型，并显示警报而不是默认的。

所以问题是我们的网站有一个快速的购买表格并且没有工作。

jQuery(document).ready(function($){
    $('.single_add_to_cart_button').click(function(e){
        if ($('#pa_flavor').val() == "") {
            e.preventDefault();
            alert("Plesea, choose a flavor!");
            return false;
        }
    });
});

这是在这里工作的 jquery 代码 - https://www2.4plusnutrition.bg/woman-products/her-bcaa/并单击“Купи”而不选择它的显示选项 - 请选择一个包装！

但是，如果你去这里 - https://www2.4plusnutrition.bg/amino-acids/，悬停产品并单击“Преглед”，它会打开一个包含产品信息的弹出窗口，然后单击“Купи”，它会显示默认的一条消息/警报.

标签： jquerywordpresswoocommerce

Answer 1

maybe try this:

jQuery(document).ready(function($){
    $('body').on('click', '.single_add_to_cart_button', function(e){
        if ($('#pa_flavor').val() == "") {
            e.preventDefault();
            alert("Plesea, choose a flavor!");
            return false;
        }
    });
});