为什么在单击按钮时看不到Div

Question

在我的网页中，我将div的可见性设置为隐藏，并且我想在单击按钮时显示它，因此我正在为其编写一个jQuery代码。 但是我的asp代码无法正常工作

<asp:Button ID="btnGenerate" CssClass="button" runat="server" Text="Generate" OnClick="btnGenerate_Click" />
<div id="print" style="width: 80%; margin-left: 10%; margin-top: 20px;visibility:hidden;">                
    <input type="button" id="btnPrint" class="button" value="Print" onclick="printDiv('ReportDiv')"/>
</div>

我的jQuery代码是：

 <script>
    $(document).ready(function () {
        $("#btnGenerate").click(function () {
            $("#print").css("visibility", "visible");
        });
    });
</script>

请帮助我解决此问题。 谢谢

Answer 1

由于您输入了错误的ID，请查看您的html <div id="print" ...

$(document).ready(function () {
    $("#btnGenerate").click(function () {
        $("#print").css("visibility", "visible");
    });
});

Answer 2

子元素在父元素可见之前是不可见的。 因此，您需要显示父级div。

在这里，父div #print是隐藏的，您试图显示其子div #btnPrint必须使父div #print可见。

尝试这个：

$(document).ready(function () {
        $("#btnGenerate").click(function () {
            $("#print").css("visibility", "visible");
        });
    });

Answer 3

试试吧

<script>
      $(document).ready(function () {
          $("#<%= btnGenerate.ClientID %>").click(function () {
             $("#print").css("visibility", "visible");
          });
      });
</script>

您不能使用$("#btnGenerate")在jquery中单击asp.net按钮，如果您想在jquery中使用asp.net按钮，则必须像这样使用$("#<%= btnGenerate.ClientID %>")

Answer 4

因为.net将在运行服务器时在渲染时更改ID。 你应该为此使用类

$(document).ready(function () {
    $(".button").click(function () {
        $("#print").css("visibility", "visible");
    });
});