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

回答

相關問題