Question

我的aspx页面上有3个按钮，当我点击按钮1时，我希望显示button2和button3以及＆＃34; div和gridview＆＃34;在客户端。

以下是代码段：

$("#<%= Button1.ClientID %>").click(function (e) {
    if ($("#divshow").is(":hidden")) {
        $("#<%=gvdetails.ClientID%>").show();
        $("#<%= Button2.ClientID %>").show();
        $("#<%= Button3.ClientID %>").show();

        $("#divshow").show();
        $("#divshow").addClass("scrollDiv");
        $("<%=gvdetails.ClientID%>").tablesorter();
        SetDefaultSortOrder();
        return false;
    } else {

        $("#<%=gvdetails.ClientID%>").hide();
        $("#<%= Button2.ClientID %>").hide();
        $("#<%= Button3.ClientID %>").hide();

        $("#divshow").removeClass("scrollDiv");
        $("#divshow").hide();
        return false;
    }
});

但我的button2和3在button1上不可见。有人请建议我如何解决这个问题。

Answer 1

使用绑定表达式而不是使用scriptlet：

$('#<%# Button1.ClientID %>')

你可以使用链接。所以试试这个：

$("#<%# Button1.ClientID %>").click(function (e) {
    var $divShow = $('#divShow');
    if ($divShow.is(":hidden")) {
        $("#<%# gvdetails.ClientID%>, #<%# Button2.ClientID %>,#<%# Button3.ClientID %> ").show();

        $divShow
            .show();
            .addClass("scrollDiv");
        $("<%# gvdetails.ClientID%>").tablesorter();
        SetDefaultSortOrder();
        return false;
    } else {
        $("#<%# gvdetails.ClientID%>,#<%# Button2.ClientID %>,#<%# Button3.ClientID %>").hide();

        $divShow
            .removeClass("scrollDiv");
            .hide();
        return false;
    }
});

在其他按钮的点击上显示/隐藏按钮

1 个答案: