Question

我知道有很多解决方案。但我已经尝试按照每一步，仍然没有成功！这是我的代码

<div id="quadrado1" onclick='$("perfil1").show()'>
   <img src="images/perfilbackground/vermelho.png" alt=""/>
         <div id="perfil1" hidden="hidden">
           <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
           <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
           <asp:Button ID="Button1" runat="server" Text="Button"/>
           <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</div>

div perfil1被认为是隐藏的，当我点击“quadrado1”时，它应该显示div！任何想法？

修改

似乎我忘了放jquery脚本

´<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>´

Answer 1

将此div更改为：

<div id="perfil1" style="display:none">

调用show()会改变显示属性。正如@DrewKennedy所提到的，你还需要在ID之前的＃。

Answer 2

您使用隐藏属性隐藏了div，并希望使用display属性显示它无法正常工作的原因。请尝试以下解决方案，它正在运作

<div id="quadrado1" onclick='$("#perfil1").show()'>
   <img src="images/perfilbackground/vermelho.png" alt=""/>
    <div id="perfil1" style="display: none;">
        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
        <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
        <asp:Button ID="Button1" runat="server" Text="Button"/>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    </div>
    </div>

Answer 3

试试这个 -

在 Html

中

<div id="quadrado1">
  <img src="images/perfilbackground/vermelho.png" alt=""/>
  <div id="perfil1" style="display: none;">
    <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
    <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
    <asp:Button ID="Button1" runat="server" Text="Button"/>
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
  </div>
</div>

在剧本中

 <script>
   $(document).ready(function(){
     $("#quadrado1").click(function(){
        $("#perfil1").show();
     })
   })
</script>

ASP.NET隐藏并显示div

3 个答案: