Question

我在使用Jquery时遇到了一些问题。当用户点击提交按钮时，我想用加载栏的动画.gif替换主要内容，我想禁用搜索按钮。

我有两个问题： 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');
  });

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

谢谢！

Answer 1

听起来像提交按钮在单击时将表单数据发布到某处。同时它正在尝试重定向它也将html插入到#main容器中。 gif可能没有动画，因为浏览器正在远离该页面？

是提交某个地方的表单还是只是与dom的迭代？

Answer 2

我建议将.gif放在div中并使用CSS来显示{display：none;} 触发提交点击事件时，请执行以下操作： $（ '＃隐藏的div'）显示（0）; 确认加载新内容后，使用回调函数$（'＃hidden-div'）。hide（0）;

这样GIF动画就已存在，应该动画了。通过我的手机这样做，但我希望这有帮助！

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

2 个答案: