数据禁用按钮选项在 Chrome 上不起作用答案

【问题标题】：data-disable-with button option doesn't work on Chrome数据禁用按钮选项在 Chrome 上不起作用
【发布时间】：2013-10-28 08:57:19
【问题描述】：

以下 HTML 应在提交时相应地禁用和重命名按钮：

  <button data-disable-with="Please wait..." name="button" type="submit">Checkout</button>

但在 myChrome 浏览器中它什么也没做。有什么我能做的吗？

我的 Chrome 版本是 30

【问题讨论】：

【解决方案1】：

data-disable-with 只能用于 rails 表单元素。但是如果你想将它应用到 HTML 表单元素上，你可以执行如下操作-

你可以试试data-loading-text="Loading..."连同一个js代码sn-p。

$("#btn1").on("click", function(){
    $(this).button("loading");
})

【讨论】：