数据加载文本不起作用答案

【问题标题】：data-loading-text not working数据加载文本不起作用
【发布时间】：2015-07-21 16:13:08
【问题描述】：

每当我点击“Submit”按钮时，我都希望有一个“Loading. . .”。在这种情况下，为什么它没有显示“Loading. . .”这个东西？引导程序 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');
});

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

【问题讨论】：

.button? .. 听起来不错..！也许你想要.val()？另外，这是一个提交，你应该阻止它的默认值，否则它会重新加载文档！ ;) 类似的东西？ jsfiddle.net/cmfc6qLL（setTimeout 仅用于示例目的，某种延迟表明“加载”和“重置”都已写入）
.val() 有效。谢谢！
尽管官方文档谈到了“button.js” (getbootstrap.com/javascript) 我宁愿推荐使用一些纯 jQuery 解决方案来解决此类问题，这已经足够了 ;)
您永远不会看到“正在加载”这个词，因为您还会立即将其更改为“重置”...也许您想在将其更改为“重置”之前做一些事情？

标签： javascript forms twitter-bootstrap

【解决方案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">

【讨论】：

【解决方案2】：

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

【讨论】：