jQuery 整个页面正在重新加载以更新 CSS答案

【问题标题】：jQuery Entire page is reloading to update a cssjQuery 整个页面正在重新加载以更新 CSS
【发布时间】：2016-05-12 22:59:19
【问题描述】：

我目前正在使用 woocommerce 结帐表单。默认情况下，表单是预先填充的。所以我禁用了填充的表单，如果用户想要编辑，那么他应该上传他的地址证明。我正在使用 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 完成了所有这些代码。所以，我也愿意接受建议。提前谢谢大家。

【问题讨论】：

你能给我们一个工作网站的链接吗？
不幸的是，我正在使用本地主机。如果必须让网站在线上线，请告诉我，我会做的

标签： javascript php jquery css woocommerce

【解决方案1】：

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

【讨论】：

好的，我怎样才能避免页面重新加载？编辑按钮或下单按钮的回发事件？

【解决方案2】：

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

ev.preventDefault();解决了问题。

【讨论】：