我在一个特定列中显示来自数据库的数据如果我鼠标悬停我已经给出了一个jQuery弹出窗口,它将悬停并显示详细信息。我的问题是鼠标悬停在任何一行上它没有改变它显示第一行图像的图像。 我使用此标签显示图片
<ui:repeat var="u" value="#{userdataList}" varStatus="status">
<a href="#" class="popper" data-popbox="pop1" onmouseover="getValue('#{u.userId}')">
<h:graphicImage id="image" alt="user image" url="/ServletToDisplayImage?userId=#{u.userId}" width="36" height="36"/>
</a>
<div id="pop1" class="popbox">
<h2>Member details</h2>
<h:graphicImage id="photoimage" alt="user image" url="/ServletToDisplayImage?userId=#{u.userId}" width="100" height="100"/>
</div>
</ui:repeat>
这是放在鼠标上并将隐藏在它上面。#{u.userId}需要改变,如何实现?
或者我可以在每次鼠标悬停时从javascript将值传递给此查询字符串吗?
对于Hover,请参阅以下链接
http://www.sundoginteractive.com/sunblog/posts/jquery-hover-box
我试过onmouseover =&#34; getValue(&#39;#{u.userId}&#39;)获取值,并且每次都可以通过javascript函数设置为隐藏字段及其changinf。但是如何将其设置为查询字符串的值。