按钮加载状态Asp.net JavaScript

Question

我正在使用引导程序，我想使用它； 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') $('#<%=Button1.ClientID%>')来获取客户端ID。

Answer 2

1. 确保jQuery已加载
2. 确保加载了boostrap CSS
3. 确保引导程序javascript已加载

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