Question

我使用bootstrap，我想使用它; http://getbootstrap.com/javascript/#buttons-stateful

<asp:Button ID="Button1" runat="server"  Text="Send It"  data-loading-text="Loading..." class="btn btn-primary" autocomplete="off"  />

    <script>
       $('#Button1').on('click', function () {
        var $btn = $(this).button('loading')
        $btn.button('reset')
                       })
    </script>

但它不起作用。我能做些什么呢？

Answer 1

呈现ASP.NET控件时，会为其分配一个新ID。如果你在按钮上做了一个检查元素，你会发现它的ID实际上不是Button1。因此，您的$('#Button1')选择器找不到任何内容。

如果您使用的是支持它的ASP.NET版本，则可以在按钮上放置clientIDMode="static"以防止ID更改。

如果没有，您可以将$('#Button1')替换为$('#<%=Button1.ClientID%>')

来获取客户端ID

Answer 2

确保已加载jquery
确保已加载boostrap css
确保已加载bootstrap javascript

看起来当您的按钮加载时，它会立即重置。尝试在ajax请求的before步骤中加载按钮。然后将其余部分放在ajax步骤的complete步骤中。通过这种方式，您可以看到它正常工作。

按钮加载状态Asp.net JavaScript

2 个答案: