Javascript 加载程序指示器和按钮禁用的JQuery问题

我对Jquery有一些问题。当用户单击submit按钮时，我想用加载条的动画.gif替换主要内容，并禁用search按钮

我有两个问题： 1.动画.gif不会移动。 2.当用户按下后退按钮时，该按钮仍处于禁用状态

以下是我正在使用的代码：

  // Setup AJAX
  $.ajaxSetup ({
    cache: false
  });

  // Process search submit click
  var ajax_load = "<img src='static/loader.gif' />";
  var loadURL = "/results/";
  $("#search-submit").click(function() {
    $("#main").html(ajax_load).load(loadURL);
    $(this).attr('disabled', 'disabled');
  });

//安装AJAX
$.ajaxSetup({
缓存：false
});
//处理搜索提交单击
var ajax_load=“”；
var loadURL=“/results/”；
$（“#搜索提交”）。单击（函数（）{
$（“#main”）.html（ajax_load）.load（loadURL）；
$（this.attr（'disabled'，'disabled'）；
});

因此，我希望动画.gif实际移动，并希望在用户返回时再次启用提交按钮

---

谢谢

在我听来，提交按钮在单击时将表单数据发布到某处。 在试图重定向的同时，它还将html插入到#主容器中。 gif可能不会动画，因为浏览器正在从该页面移开

---

表单是在某处提交还是只是dom的一个操作？

我建议将.gif放在一个div中，并使用CSS来{display:none；} 当触发submit click事件时，请执行以下操作： $（'#隐藏div'）.show（0）； 确认加载新内容后，使用回调函数对$（'#hidden div'）.hide（0）

这样，已设置动画的gif已经存在，并且应该设置动画。

---

在我的手机上这么做，但我希望这能有所帮助

因此，在页面重定向的同时，它正在尝试加载图像。。。对我来说，这似乎发生得太快了，以至于你无法完全下载。对我来说，这似乎也是个问题。您可能需要考虑使用Ajax提交表单，保持主页仍然加载，然后在主页上添加SybBER（动画GIF）将是活动的，您可以使用AJAX调用的success函数删除throbber并显示表单提交的结果。我看到动画gif静止了3秒钟（按下submit按钮时会进行大量处理）。有没有办法让我这么做？编辑：我将尝试linux4me的建议。您好，我更改了Javascript，使其使用AJAX，但我似乎仍然有相同的问题。您好！这很有效。现在，您知道如何在用户点击后退按钮时再次启用“提交”按钮吗？我不知道为什么页面刷新后“提交”按钮不处于活动状态。您可以使用cookies来实现活动和禁用状态。您好，我在加载文档时仅通过禁用“disabled”属性来修复它。