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

我目前正在使用woocommerce结帐窗体。默认情况下，表单预先填充。所以我禁用了预定的表单，如果用户想编辑，那么他应该上传他的地址证明。我正在使用WC checkout插件插件，它使用一些高级的拖放操作来上传文件。他们用“预览”类预览文件所以我决定使用预览类来检查文件是否上传。jQuery整个页面正在重新加载以更新css

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

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

我是超级新手，通过搜索计算器做了所有这些代码。所以，我也乐于提供建议。预先感谢大家。

来源

2016-05-12 Vinayaga Moorthy

你能给我们一个工作网站的链接吗？ –

不幸的是我在本地主机上工作。如果它必须让网站在网上直播，请让我知道，我会做 –

这是您的控件的后置事件而不是此JQuery函数。

来源

2016-05-13 00:09:37

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

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

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

来源

2016-05-13 10:08:32

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

回答

相关问题