Question

我想开始说我是asp .net和html编码的新手。我有一个asp .net用户控件，我动态地放在页面上。

用户控件看起来像这样：

<div style="background-color:#EFEFEF;">
    <div style="float: left; vertial-align:middle;">
        <asp:Image ID="ImageExpandColaspe" runat="server" />&nbsp;&nbsp;&nbsp;&nbsp;<asp:Label ID="PFDStatus" runat="server"></asp:Label>
    </div>
    <div style="float: right; vertical-align:middle;">
       <asp:button ID="PFDSelect" runat-"server" />
    </div>
    <div style="clear: both"></div>
</div> 
<div ID="PFDDetails">This is a test</div>

此用户控件多次动态放置在页面上。

我是jquery和ajax以及asp .net的新手，我不知道如何执行以下操作：

当用户单击ImageExpandColapse时 1）将图像从一个图像更改为另一个图像 2）将PFDetails div从可见隐藏到隐藏，反之亦然

对此的任何帮助都将非常感激。

Answer 1

将属性id放在要隐藏和使用的div上：$('#yourId').hide()

Answer 2

您可以实现这一点，只需记住使用runat="server"时 View Engine 将呈现并修改您的代码。因此，为了确保您的jQuery触发这些标记，您需要执行以下操作：

$('#<%= txtExample.ClientID %>').hide();

要正确获取元素，您必须告诉 View Engine 将正确的ClientID放在该位置，以便jQuery选择器可以正确地抓取您的元素。

Answer 3

绑定图片的点击事件以切换您想要显示/隐藏的div：

<script language="javascript" type="text/javascript">
  $(document).ready(function () {
    $("#<%= ImageExpandColaspe.ClientID %>").click(function() {
      $("<%= PFDetails.ClientID %>").toggle();  
    });
 });
</script>

使用Jquery隐藏和显示div部分

3 个答案: