我正在玩 Bootstrap有状态按钮 http://twitter.github.com/bootstrap/javascript.html#buttons- 特别是与加载状态,但仍然找不到正确的设置来使其正常工作。我有一个基于 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 页面上的示例一样。
谁能给我一个关于如何修复它的提示?
您需要显式设置按钮处于加载状态。像这样的事情:
// 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 示例 http://jsfiddle.net/YCst4/1/.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)