jquery toggle()不在内容页面上工作

时间:2013-11-21 14:58:46

标签: jquery asp.net

我想知道为什么下面的代码不起作用。请问你们有人帮助我吗?

<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 %>") 它返回一个错误:“当前上下文中不存在名称'按钮'。” 在这种情况下你能帮助我吗?

3 个答案:

答案 0 :(得分:4)

尝试:

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

答案 1 :(得分:3)

试试这个:

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

答案 2 :(得分:1)

这在其他地方得到解答: How to stop ASP.NET from changing IDs in order to use jQuery

ASP.Net没有像你期望的那样写出按钮的ID。