数据加载文本不起作用

Question

每当我点击“Loading. . .”按钮时，我想要“Submit”。在这种情况下，为什么它没有显示“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

试试这个：

＆＃13;

＆＃13;

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

＆＃13;

<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">

＆＃13;

＆＃13;

＆＃13;

Answer 2

以下是一个示例，您需要btn.val('loading...');，因为您更改了input的值。这是一个有效的demo。