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

我目前在一个wooccommerce结账表单中工作。默认情况下，该表单是预先填充的。所以我禁用了按比例填充的表单，如果用户想编辑，他应该上传他的地址证明。我使用的是WC签出插件，它使用一些高级的拖放来上传文件。他们用"预览"类预览文件，所以我决定用预览类检查文件是否上传。

若预览类是隐藏的，那个么它表示文件并没有上传，所以我禁用了订单按钮。但是

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

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