Question

早上好，

我正在使用Nate Bubna的loading插件和jQuery。一切都运行良好，直到我在提交表单时尝试显示图像。这种情况发生在Firefox＆gt; = 4.0，其他所有浏览器都能正常工作。如果我在.loading之后添加另一个调用并设置Firebug来打破它，我的（微调器）Loading ...显示（！？）。

点击提交后，我会在我的div上获得掩码，但遗憾的是没有微调器甚至默认的“正在加载...”文本。如果我删除img选项，它可以正常工作。

以下是我的代码示例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" lang="en-US"
xmlns="http://www.w3.org/1999/xhtml"><head><title>.loading()</title>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<script type="text/javascript" src="javascripts/jquery.min.js"></script>
<script type="text/javascript" src="javascripts/jquery.measure.js"></script>
<script type="text/javascript" src="javascripts/jquery.place.js"></script>
<script type="text/javascript" src="javascripts/jquery.mask.js"></script>
<script type="text/javascript" src="javascripts/jquery.pulse.js"></script>
<script type="text/javascript" src="javascripts/jquery.loading.js"></script>
<script type="text/javascript">
$(function() {
  $('form').submit(function() {
    $.loading(true, { pulse:'working fade ', mask:true, img: 'images/loading.gif' });
  });
});
</script>
</head>
<body>
  <div id="container">
    <form id="form" name="form" action="" method="post">
      <label for="foo">Foo: </label>
      <input type="text" id="foo" name="foo" value="" />
      <input type="submit" name="Submit" value="Submit" />
    </form>
  </div>
</body>
</html>

Answer 1

试试这个我希望它会起作用。

$(function() {
  $('form').submit(function(e) {
    $.loading(true, { pulse:'working fade ', mask:true, img: 'images/loading.gif' });
    e.preventDefault();
    var $form = $(this).unbind('submit');
    setTimeout(function(){
      $form.submit();
    }, 100);
  });
});

jquery loading（BUBNA）不会在表单提交上显示图像

1 个答案: