jquery实现动态绑定数据后，鼠标移上去悬浮div显示详细信息

Question

<asp:Repeater ID="rtShow" runat="server" OnItemDataBound="Repeater1_ItemDataBound" onitemcommand="rtShow_ItemCommand"> <ItemTemplate> <div id="Goods"> <div class="Goods_Name"><%#Eval("F_NAME") %> </div> <div class="Goods_New"></div> <img src="image/20090512_e32cd295d69056fedcb6SAwyJ6XuDcwM.gif" /> <div class="Goods_Type">勋章</div> </div> </ItemTemplate> </asp:Repeater>鼠标移到div时就在旁边悬浮个框，这是动态加载的数据，不是固定的，jquery该怎么写，
实现出这种效果

Answer 1

当页面加载的时候你就可以先将那个所谓动态数据加载到每个DIV下的浮动层。。当然是隐藏的。

鼠标放上去的时候直接显示到各DIV的对应位置就好了。

如果你非要鼠标放上去再加载数据那就是AJAX了。。大致思路就是各DIV的mouseover方法执行AJAX的远程调用方法获取数据再取回到这个浮动层显示。。

Answer 2

把悬浮的写在列表项里，比如列表项class是div1，悬浮框是div2，
可以用$(".div1").find(".div2")来控制

Answer 3

你这么写
<ItemTemplate>
<div id="Goods">

页面里面会有很多 <div id="Goods">的div，id在一个页面上需要唯一，才能通过jquery获取。因此，你可以加上
<div id="Goods<%# Container.ItemIndex%>">
来说实现，相应的，里面的id也是一样
这样写就可以
<div id="Goods<%# Container.ItemIndex%>" onmouseover="xxx(<%# Container.ItemIndex%>)">

调用js函数了。js函数里面可以通过
function xxx(x){
$("#Goods_New" + x).load("xxx.aspx") //来获取内容；
}

追问

您复制的这个是从csdn上面复制来的吧？csdn上面也是我提问的，这个回答没用。