按钮加载状态 Asp.net JavaScript

本文关键字：net JavaScript Asp 状态 加载 按钮 | 更新日期: 2023-09-27 17:59:23

我使用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>

但是它不起作用。我能做些什么来工作这个？

按钮加载状态 Asp.net JavaScript

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

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

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

  1. 确保已加载 jquery
  2. 确保加载了 boostrap css
  3. 确保已加载引导 JavaScript

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

相关文章：