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>

如果你想在jquery中使用asp.net按钮，你不能使用$("#btnGenerate")在jquery中点击asp.net按钮，那么你将不得不像$("#<%= btnGenerate.ClientID %>")一样使用

Answer 4

因为.net会在渲染时更改id，因为是runat服务器。你应该使用类

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

为什么Div在按钮点击时不可见

4 个答案: