Jquery 加载页面时，如何使引导按钮处于禁用状态？

我希望在页面加载时禁用引导按钮。我知道我可以通过

$（）.button（'loading'）

以编程方式将其切换到禁用状态，但在呈现按钮未禁用时会有一段短暂的时间。如何在默认情况下禁用它的渲染

禁用时，引导按钮具有禁用的类和属性

<button class="btn btn-primary disabled" disabled="disabled" data-loading-text="Loading...">Click Me</button>

点击我

---

我可以添加额外的类和属性，但我仍然需要解决如何告诉引导程序正常状态和禁用文本是什么的问题。如果我在加载页面时禁用了它，我需要一个

数据普通文本

属性，但似乎没有这样的属性。

我不完全理解这个问题，但我想你可以这样做：

<button class="btn btn-primary disabled" disabled="disabled">
  Loading...
</button>

---

我还没有用

button（）

方法对答案如此简单。从UI/UX的角度来看，这并不是100%最优，但从功能上来说，它应该是100%，并且仍然具有非常好的用户体验。

实际上有一种方法可以通过DOM属性定义自己的文本。引述:

使用您喜欢的任何状态

为了进行此演示，我们使用了

数据加载文本

和

$（）。按钮（'load'）

，但这是错误的 不是唯一可以使用的状态。请参阅下面的

$（）。按钮（字符串）

文档

因此，我可以添加一个

data ready text=“Click Me”

，并使用

$（）按钮（'ready'）

进行切换。但是，这并不会移除按钮的禁用状态；我还是得自己做

---

值得注意的是，加载状态是禁用按钮的特殊状态。无法告诉引导程序您希望自定义状态也禁用该按钮。同样，您必须手动执行此操作。

您完成了。在当前版本的引导中，没有HTML属性方法来更改按钮上的文本。Jquery就是这样。如果您删除了

.button（'load'）

，这将是正确的，因为该操作将启用禁用状态。

$(document).ready(function()
{
  $('button.disabled[disabled=disabled]')
    .removeClass('disabled')
    .prop('disabled', false)
    .text('Click Me');
});