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

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

所以问题是，我们的网站有一个快速的购买表单，没有工作

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代码-点击“КППП”，而不选择显示选项-请选择一个包装

但是，如果您转到此处-，将产品悬停并单击“ПППППППППППППП”打开一个包含产品信息的弹出窗口，然后单击“ПППППП”显示默认的一条消息/警报。

可以尝试以下方法：

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

---

现在它在两个页面中都显示了消息，默认消息和jquery消息。我认为“e.preventDefault（）；”不是这样，就是我不知道。无论如何，谢谢你的帮助！