data-disable-with按钮选项在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");
})