Bootstrap - 任何人都可以给我任何例子,如何设置JS按钮？

Question

我正在使用Bootstrap的有状态按钮 - 特别是在加载状态下,但仍然无法找到正确的设置以使其正常工作.我有一个基于AJAX的简单表单,类似于:

<%=form_tag '/comments', :remote => true do %>
  <div><%=text_area_tag 'comment[text_comment]'%></div>
  <div><button class="btn btn-primary" data-loading-text="loading stuff..." >Post</button></div>
<%end%>

但是当我点击POST按钮时,表单正在发送,但是按钮效果(加载东西......)没有显示,就像Bootstrap页面上的示例一样.

谁能给我一个关于如何解决它的提示？

Answer 1

您需要明确设置按钮处于加载状态.像这样的东西:

// Set up the buttons
$(button).button();    
$(button).click(function() {
    $(this).button('loading');
    // Then whatever you actually want to do i.e. submit form
    // After that has finished, reset the button state using
    // $(this).button('reset');
}

我已经创建了一个有效的JSFiddle示例.