2017-06-22 77 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(); 
});