2017-06-22 59 views
0

我使用w3-include-html庫進行測試,以避免硬編碼經常使用的某些代碼塊,如菜單欄,頁腳,聯繫表單等。在我正在研究的網站上。起初我遇到了手機菜單欄的錯誤,我找到了HERE的解決方案。我能夠根據解決方案的指示更改我使用的點擊事件監聽器$('body').on('click','.navbar-toggle',function() {電子郵件訂閱重定向問題與w3-include-html

剩下的問題是,首先電子郵件訂閱字段能夠避免重定向一個空白頁,會說「您已成功訂閱」。並只顯示一個綠色的複選標記。使用w3-include-js後,它現在用文本重定向到這個空白頁面。雖然翻翻一些js的功能,我發現這個代碼:

$('.ajax-form').on('submit', function(event) { 
    event.preventDefault(); 
}); 

$('.form-required').each(function() { 
      var form = this; 

      var formname = this.id; 

var $form = $(form); 

        if($form.data('ajaxInProcess')) { 
         return; 
        }; 

        $form.data('ajaxInProcess', true); 

        $.ajax({ 
         url: form.action, 
         type: form.method, 
         data: $(form).serialize(), 
         success: function(response) { 
          var responseObject = {}; 

          if (typeof response === 'string') { 
           responseObject = JSON.parse(response); 
          } else { 
           responseObject = response; 
          } 

          var statusText = responseObject.status; 

          if (formname == 'subscribe') { 
           $('#subscribe-button').removeClass('successful'); 
          } else if (formname == 'subscribe2') { 
           $('#subscribe-button2').removeClass('successful'); 
          } 

我認爲,這是一個需要以獲得電子郵件訂閱與W3-包括HTML的再次合作要編輯的代碼。我希望這裏有人能夠幫助我將上面的解決方案應用到我已包含的代碼中。任何幫助在這裏非常感謝。

回答

0

您需要委託提交事件以及

$('body').on('submit','.ajax-form',function(event) { 
    event.preventDefault(); 
});