2013-11-14 93 views
3

我在script標籤下面的代碼: div標籤沒有出現在ASP按鈕點擊

$(document).ready(function() { 
    $('#Button1').click(function() { 
     $("#loading").show(500000); 
    }); 
}); 

,這裏是按鈕和div標籤:

<asp:Button ID="Button1" runat="server" Text="View Summary" 
      onclick="Button1_Click" /> 
    </p> 
    <div id="loading">Page is loading...</div> 

當我點擊按鈕時,div標籤沒有顯示出來。我有顯示:無; 在CSS DIV ..

回答

2

您按鈕被asp.net渲染,它改變了ID(除非您已設置靜態ID模式),所以當按鈕的渲染ID不會Button1相反,它會其他東西附加到它(儘可能避免id重複)。因此請使用ClientId來註冊點擊處理程序。此外,動畫的show的持續時間以毫秒爲單位,如果持續時間過長,只需將其縮短一點。

嘗試: -

$('#<%= Button1.ClientID %>').click(function() { 
    $("#loading").show(); 
    }); 

另一種方法它提供的CssClass你的按鈕和處理程序綁定到作爲選擇。 。

<asp:Button ID="Button1" runat="server" CssClass="Button1" Text="View Summary" 
     onclick="Button1_Click" /> 

$('.Button1').click(function() { 
    $("#loading").show(); 
    }); 
+0

它的工作..!謝謝PSL .. !! :) –

+0

@RichieRich歡迎您... – PSL

2
$("#loading").show(500000); 

是要採取像500秒露面。

嘗試

$("#loading").show(); 

中顯示的參數表明它多少毫秒發生之前的元素出現。留下show()默認沒有參數.show(400)

+0

感謝特雷弗,我試着用$( 「#裝載」)顯示();仍然沒有出現。 –

+0

@RichieRich很高興PSL知道asp.net是如何工作的。 – Trevor