在Movehover中顯示隱藏Div到錨點中的圖像？

Question

我有一個工作代碼來顯示隱藏DIV，那就是：

HTML：

<table> 
<asp:Repeater ID="rptProfilePicLeftBar" runat="server"> 
    <ItemTemplate> 
     <tr> 
      <td> 
       <a id="aUserPosts" href='<%#Eval("LinkToUsersPosts") %>' cssclass="clsimgProfilePicLeftSide" 
        target="_blank" runat="server"> 
        <asp:Image ID="imgProfilePicLeftSide" CssClass="clsimgProfilePicLeftSide" ImageUrl='<%#Eval("ProfilePicURL") %>' 
         runat="server" /> 
       </a> 
       <div class="divUserDetail" style="display: none;"> 
        Name: 
        <%#Eval("Name") %><br /> 
        Display Name: 
        <%#Eval("DisplayName")%><br /> 
        Nick Name: 
        <%#Eval("NickName")%><br /> 
        Sign: 
        <%#Eval("Sign")%><br /> 
        Why I Run:: 
        <%#Eval("WhyIRunCayman")%><br /> 
       </div> 
      </td> 
      <%-- <td> 
        <asp:Literal ID="ltrlName" Text='<%#Eval("Name") %>' runat="server"></asp:Literal> 
       </td> 
       <td> 
        <asp:Literal ID="ltrlDisplayName" Text='<%#Eval("DisplayName") %>' runat="server"></asp:Literal> 
       </td>--%> 
     </tr> 
    </ItemTemplate> 
</asp:Repeater> 

我jQuery代碼是：

<script type="text/javascript"> 
$(function() { 
    $(".clsimgProfilePicLeftSide").hover(function() { 
     var divToShow = $(this).siblings("div.divUserDetail"); 
     divToShow.css({ 
      display: "block", 
      position: "absolute" 
     }); 
    },function() { 
      $("div.divUserDetail").hide(); 
    }); 
}); 

其實它停止工作後，我使用錨標記周圍的圖像標記ie

<a id="aUserPosts" href='<%#Eval("LinkToUsersPosts") %>' cssclass="clsimgProfilePicLeftSide" 
        target="_blank" runat="server"> 
        <asp:Image ID="imgProfilePicLeftSide" CssClass="clsimgProfilePicLeftSide" ImageUrl='<%#Eval("ProfilePicURL") %>' 
         runat="server" /> 
       </a> 

如果我們只是刪除錨標記，它工作正常.. 但現在我想錨也一樣，請幫助我，我怎麼可以讓它工作again..Thanks提前。

Answer 1

像這樣更新你的jQuery。

$(function() { 
$("a.clsimgProfilePicLeftSide").hover(function() { 
    var divToShow = $(this).siblings("div.divUserDetail"); 
    divToShow.css({ 
     display: "block", 
     position: "absolute" 
    }); 
},function() { 
     $("div.divUserDetail").hide(); 
}); 
});