使用按钮的正确方法？ （firefox bug）

Question

我想知道使用bootstrap按钮的正确方法是什么。

我要做的是简单的基于ajax的形式。当用户填写并单击“发送”按钮时，我希望此按钮为“bootstrap-clicked”（我的意思是来自bootstrap示例的点击状态）。然后，如果表单发送正确，我想要一个AJAX响应，它将按钮恢复到正常的未被点击状态。所以，这是我的代码：

表格：

<input type="submit" id="button" class="btn" data-loading-text="Loading..." value="Send"/>

javascript：

$('#button').bind('click', function(){
  $(this).button('loading');
})

AJAX响应：

$('#button').reset();

现在，在Chrome中一切正常。但是，当我在Firefox中运行它时，我可以看到一个非常奇怪的错误。当我点击这个按钮时，它会在鼠标按钮关闭时消失。当我丢失鼠标按钮时，bootstraps按钮再次显示。另外，这个消失的东西是唯一发生的动作，我负责触发ajax响应的JS代码无效。让它工作的唯一机会是双击如此之快，以至于第二次点击发生在按钮消失之前，但我认为它显然不能像那样工作;）

你有什么想法我做错了吗？提前谢谢！

Answer 1

您认为使用data-loading-text="Loading.."而不是data-loading-state="Loading"