按钮加载状态 Asp.net JavaScript答案

【问题标题】：Button loading state Asp.net JavaScript按钮加载状态 Asp.net JavaScript
【发布时间】：2016-12-05 06:07:57
【问题描述】：

我使用引导程序并且我想使用它； 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>

但它不起作用。我该怎么做？

【问题讨论】：

标签： javascript c# asp.net twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

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

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

如果没有，您可以通过将$('#Button1') 替换为$('#<%=Button1.ClientID%>') 来获取客户端ID

【讨论】：

【解决方案2】：

确保已加载 jquery
确保加载了 boostrap css
确保已加载引导 javascript

看起来当您的按钮被加载时，它会立即被重置。尝试在 ajax 请求的 before 步骤中加载按钮。然后把剩下的放在ajax步骤的complete步骤中。这样你就可以看到它的工作了。

【讨论】：

我认为问题仅仅是 ASP.Net 具有动态客户端 ID - 除非您另有指定，否则该按钮将在前端使用完全不同的 ID 呈现。所以 jQuery 选择器正在寻找一个不存在的 ID。
我检查了它们，它们都加载了。当我删除重置时，它起作用了。谢谢我的朋友。