0

我想知道使用引导程序按钮的正确方法是什么。

我想要做的是简单的基于 ajax 的表单。当用户填写并单击“发送”按钮时,我希望此按钮为“引导单击”(我的意思是引导示例中的单击状态)。然后,如果表单发送正确,我想要一个 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 中运行它时,我可以看到一个非常奇怪的错误。当我单击此按钮时,它会在鼠标按钮按下的那一刻消失。当我失去鼠标按钮时,引导按钮再次显示。另外,这个消失的东西是唯一发生的动作,我负责触发 ajax 响应的 JS 代码不起作用。使它起作用的唯一机会是双击如此之快,以至于在按钮消失之前发生第二次单击,但我认为很明显它不能那样工作;)

你有什么想法我做错了什么吗?提前致谢!

4

1 回答 1

0

你应该data-loading-text="Loading.."不使用data-loading-state="Loading"

于 2012-11-16T16:10:26.783 回答