Javascript 使用jQuery获取要延迟重新加载的页面

我想在提交表单时设置一个3秒的延迟。现在，在提交时，标准文本淡出，通知文本淡入，但页面在您有机会阅读之前会重新加载

<script type="text/javascript"> function changeText() { 
$('#free-planner').fadeOut('slow', function() {
       document.getElementById('free-planner').innerHTML = 'Check your email!';   }); {  $('#free-planner').fadeIn('slow', function() {  });    
 }   
} 
</script>

函数changeText（）{
$（'free planner'）.fadeOut（'slow'，function（）{
document.getElementById（'free-planner'）.innerHTML='Check your email！'；}）{$（'free-planner'）.fadeIn（'slow'，function（）{}）；
}   
} 

首先，阻止提交事件，然后在准备就绪时以编程方式启动它

$('form').on('submit', function(ev) {
  ev.preventDefault();
  form = $(this);
  fp = $('#free-planner');
  fp.fadeOut('slow', function () {
    fp.text('Check your email!').fadeIn('slow', function() {
      form.submit();
    });
  });
});

所有这些都可能在表单提交后发生。也许你想要一个隐藏的iframe，它是你表单的目标？然后，您可以提交表单，而无需在浏览器中更新当前页面。比如：

form = $('form');
$('body').append($('<iframe>').attr({ name:"hiddenifr", id:"hiddenifr" }).css({ display: 'none' }));

form.attr('target', 'hiddenifr');
form.on('submit', function(ev) {
  fp = $('#free-planner')
  fp.fadeOut('slow', function() {
    fp.text('Check your email!').fadeIn('slow');
  });
});

form=$（'form'）；
$（'body'）.append（$（''）.attr（{name:'hiddenifr'，id:'hiddenifr'}）.css（{display:'none'}））；
form.attr（'target'，'hiddenifr'）；
关于（“提交”功能的表格（ev）{
fp=$（“#免费计划员”）
fp.fadeOut（'slow'，function（）{
fp.text（'Check your email！'）、fadeIn（'slow'）；
});
});

首先，阻止提交事件，然后在准备就绪时以编程方式启动它

$('form').on('submit', function(ev) {
  ev.preventDefault();
  form = $(this);
  fp = $('#free-planner');
  fp.fadeOut('slow', function () {
    fp.text('Check your email!').fadeIn('slow', function() {
      form.submit();
    });
  });
});

所有这些都可能在表单提交后发生。也许你想要一个隐藏的iframe，它是你表单的目标？然后，您可以提交表单，而无需在浏览器中更新当前页面。比如：

form = $('form');
$('body').append($('<iframe>').attr({ name:"hiddenifr", id:"hiddenifr" }).css({ display: 'none' }));

form.attr('target', 'hiddenifr');
form.on('submit', function(ev) {
  fp = $('#free-planner')
  fp.fadeOut('slow', function() {
    fp.text('Check your email!').fadeIn('slow');
  });
});

form=$（'form'）；
$（'body'）.append（$（''）.attr（{name:'hiddenifr'，id:'hiddenifr'}）.css（{display:'none'}））；
form.attr（'target'，'hiddenifr'）；
关于（“提交”功能的表格（ev）{
fp=$（“#免费计划员”）
fp.fadeOut（'slow'，function（）{
fp.text（'Check your email！'）、fadeIn（'slow'）；
});
});

页面重新加载后，您似乎应该在消息中淡出。。。。反之亦然。你可以在setTimeout中包装你的提交代码。似乎你应该在页面重新加载后淡出消息。。。。相反，你可以在setTimeout中包装你的提交代码。谢谢，我想我知道它是如何工作的，我不明白它如何在新的fp.text中淡出，因为只有一个fp.fadeOut。表格=$（@）；是否应将@替换为表单类，如：form=$（.submit form）？或通过ajax提交表单/json，并使用jquery事件，更高级但不需要，具体取决于您的情况。此外，还可以使用事件将提交与淡出分离，即分离关注点。可能有助于浏览器兼容性等，因为即使您的gui出现故障，表单也应该提交。做了一些其他更正-淡出现在应该在两个示例中都有。谢谢，我想我知道这是如何工作的，我不明白在新的fp.text中是如何淡出的，因为只有一个fp.fadeOut。表格=$（@）；是否应将@替换为表单类，如：form=$（.submit form）？或通过ajax提交表单/json，并使用jquery事件，更高级但不需要，具体取决于您的情况。此外，还可以使用事件将提交与淡出分离，即分离关注点。可能有助于浏览器兼容性等，因为即使gui出现故障，表单也应该提交。进行了一些其他更正-两个示例中现在都应该有淡入淡出。