javascript - jQuery 整个页面正在重新加载以更新 css

Question

我目前正在使用 woocommerce 结帐表单。默认情况下，表单会预先填充。所以我禁用了推荐的表格，如果用户想要编辑，那么他应该上传他的地址证明。我正在使用 WC checkout 插件插件，它使用一些高级拖放来上传文件。他们使用“预览”类预览文件所以我决定使用预览类检查文件是否已上传。

如果隐藏了预览类，则表示文件未上传，因此我禁用了下订单按钮。但是

 if ($("#wc_checkout_add_ons div").hasClass("preview hide")) {
      $("#place_order").prop("disabled", true);
    }

重新加载整个页面的事情。

(function ($) {
    $('input, select').keypress(function (event) {
        return event.keyCode != 13;
    });
    $("div.woocommerce-billing-fields").addClass("disableme");
    $("div#wc_checkout_add_ons").addClass("hide-me");
    $(document).ready(function () {
        $("#edit_addr").click(function () {
            alert("Clicked");
            $("div.woocommerce-billing-fields").removeClass("disableme");
            $("div#wc_checkout_add_ons").removeClass("hide-me");
            if ($("#wc_checkout_add_ons div").hasClass("preview hide")) {
                $("#place_order").prop("disabled", true);
            }
        });
    });
})(jQuery);

我是一个 super 新手，通过搜索 stackoverflow 完成了所有这些代码。所以，我也乐于接受建议。提前谢谢大家。

Answer 1

这是您的控件的回发事件，而不是这个 JQuery 函数。