单击时引导按钮“正在加载...”答案

【问题标题】：Bootstrap Buttons "Loading..." When Clicked单击时引导按钮“正在加载...”
【发布时间】：2013-12-06 03:59:37
【问题描述】：

我不知道如何在我的按钮上使用此功能。

http://getbootstrap.com/2.3.2/javascript.html

如果您点击“按钮”，它应该会将您带到可点击的加载按钮。

<input class="btn btn-xs btn-primary btn-block" type='submit' value='Get Quotes' data-loading-text="Loading...">

我认为我的问题是我不确定将 JS 放在哪里才能使其正常工作。任何帮助都会很棒。

谢谢！

【问题讨论】：

标签： twitter-bootstrap

【解决方案1】：

您需要在输入上实例化 button() 组件，然后在单击按钮时相应地更改其状态..

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

$('#myBtn').click(function(){

  $('#myBtn').button('loading');

  /* perform processing then reset button when done */
  setTimeout(function() {
       $('#myBtn').button('reset');
  }, 1000);

});

Bootply

【讨论】：

还是希望我知道你在说什么。
按钮“正在加载..”状态不会自动发生。您需要使用 jquery（如图所示）在单击按钮时发生这种情况。

【解决方案2】：

<script>
    function ValidateSignUpForm() {
        //if (typeof (Page_ClientValidate('EmailBlast'))) {
        //    Page_ClientValidate();
        //}
        Page_ClientValidate('EmailBlast');
        if (Page_IsValid) {
            $('#SignUpBtn').button('loading');
            EmailSignUpCallback.PerformCallback();
            SignUpLoadingPanel.Show();
        }
    }
</script>

然后像这样在按钮的 CLICK 上调用函数 'ValidateFormSignUp'

<button type="submit" role="button" runat="server" id="SignUpBtn" name="SignUpBtn" onclick="ValidateSignUpForm(); return false;" class="btn btn-primary" validationgroup="EmailBlast" data-loading-text="Saving..." causesvalidation="true"><i class="fa fa-pencil"></i> Subscribe</button>

【讨论】：