javascript - 数据加载文本不起作用

Question

每当我点击“提交”按钮时，我都希望有一个“Loading...”。在这种情况下，怎么没有显示“Loading...”这个东西呢？ Bootstrap 2.3.2

<input type="submit" data-loading-text="Loading..." disabled="disabled" style="" id="save" class="btn btn-primary " value="Submit" name="save">

这是我的 JS:

$('#save').click(function() {
    var btn = $(this);
    btn.button('loading');
    btn.button('reset');
});

我在控制台中也找不到任何错误。我错过了什么？

Answer 1

试试这个:

$('#save').click(function() {
      var btn = $(this);
      btn.val(btn.data("loading-text")); setTimeout(function() {
          btn.val('reset');
        }, 2000);
      });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="submit" data-loading-text="Loading..." style="" id="save" class="btn btn-primary " value="Submit" name="save">