javascript - 隐藏 DIV 并在提交时显示图像

Question

我需要使用 jQuery 来隐藏 DIV 并在单击表单上的“提交”按钮时显示图像。

HTML 的相关部分如下:

  <div class="form-group">
                <div id="submitDiv" class="col-md-offset-4 col-md-1">
                    <button id="Submit" name="Submit" type="submit" class="btn btn-primary">Submit</button>
                </div>
                <div id="SpinWheelDiv" class="col-md-offset-4 col-md-1">
                    <img id="SpinWheel" height="20px" src="../img/spin.gif" hidden="">
                </div>
        </div>

正在使用的 jQuery 脚本如下:

  <script type="text/javascript">
  $('#formCForm').validator().on('submit', function (e) {
    if (e.isDefaultPrevented()) {
        // handle the invalid form...
    } else {
        $('#SpinWheel').removeAttr('hidden');
        $('#submitDiv').attr("hidden","true");
        return true;
    }
  });
 </script>

问题是，当 return 设置为 false 时，这在 Safari 和 Chrome 上都有效。将 return 设置为 true 它不再适用于 Safari。奇怪的是，如果在返回 Safari 之前放置一个警报(“Hello”)确实会显示警报但无法隐藏 div 并显示图像。

在 Chrome 上一切正常。

也许我应该补充一点，我正在使用 Bootstrap 和 Bootstrap Validator

有什么想法吗？

Answer 1

尝试使用:

$('#submitDiv').attr("hidden","hidden"); 

而不是使用

$('#submitDiv').attr("hidden","true");