Question

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

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

 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完成所有这些代码。所以，我也愿意接受建议。提前谢谢大家。

Answer 1

这是你的控件的post-back事件而不是这个JQuery函数。

Answer 2

$("#edit_addr").click(function(ev) {
                    alert("Clicked");
                    ev.preventDefault();

ev.preventDefault（）;解决了这个问题。

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

2 个答案: