按鈕加載狀態Asp.net JavaScript

我使用引導，我想要使用它; http://getbootstrap.com/javascript/#buttons-stateful 按鈕加載狀態Asp.net JavaScript

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

但它不起作用。我能做些什麼來做這件事？

來源

2016-07-30 Kaan Öztürk

呈現ASP.NET控件時，會爲其分配一個新ID。如果您在按鈕上執行檢查元素，則會發現它的ID實際上不是Button1。正因爲如此，您的$('#Button1')選擇器沒有找到任何東西。

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

如果沒有，您可以通過更換$('#Button1')獲取客戶端ID $('#<%=Button1.ClientID%>')

來源

2016-07-30 18:51:45 Santi

確保jQuery是加載
確保自舉CSS加載
確保引導的JavaScript加載

它看起來像你的按鈕被加載時，它立即被重置。嘗試在ajax請求中的before步驟中加載按鈕。然後把其餘的步驟放在ajax步驟的complete步驟中。這樣你可以看到它的工作。

來源

2016-07-30 19:02:23 Luke101

我相信問題很簡單，ASP.Net具有動態客戶端ID - 按鈕將在前端使用完全不同的ID進行呈現，除非您另行指定。所以jQuery選擇器正在尋找一個不存在的ID。 – Santi

我檢查了他們，所有他們加載。當我刪除重置，它工作。朋友，謝謝。 –

按鈕加載狀態Asp.net JavaScript

回答

相關問題