Question

我无法弄清楚如何在我的按钮上获得此功能。

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放到哪里工作。任何帮助都会很棒。

谢谢！

Answer 1

您需要在输入上实例化button（）组件，然后在单击按钮时相应地更改它的状态。

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

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

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

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

});

Bootply

Answer 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>

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

2 个答案:

Bootply