javascript - 数据禁用按钮选项在 Chrome 上不起作用

Question

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

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

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

我的 Chrome 版本是 30

Answer 1

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

您可以尝试data-loading-text="Loading..."使用 js 代码片段。

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