jquery切換（）不工作的內容頁

Question

我想知道爲什麼下面的代碼不工作。請問你們有誰能幫助我？

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server"> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $("#button").click(function() { 
       $("#hide").toggle(); 
      }); 
     }); 
    </script> 
    <asp:Button ID="button" runat="server" Text="button" OnClientClick="return false" /> 
    <div id="hide"> 
    <asp:Button ID="show" runat="server" Text="example" /> 
    </div> 
</asp:Content> 

編輯： 在什麼情況下，當按鈕在GridView控件或嵌套gridviev？ 當我使用
$("#<%= button.ClientID %>") 它返回一個錯誤：「名稱'按鈕'在當前上下文中不存在。」 在這種情況下你能幫助我嗎？

Answer 1

這是其他地方回答： How to stop ASP.NET from changing IDs in order to use jQuery

ASP.Net沒有爲按鈕寫出來的ID，你會期望。

Answer 2

嘗試：

$("#<%= button.ClientID %>").click(function() { 
    $("#hide").toggle(); 
}); 

Answer 3

試試這個：

$("#<%= button.ClientID %>").click(function() { 
    $("#hide").toggle(); 
});