Question

当用户鼠标悬停用户名时，我需要显示用户名的所有内容，输出应该类似于pop或iframe。如何实现这一目标？

         $('#previousIssuedDetail').live('mouseover', function() {
         $(this).addClass('row_over');
         });

但无法显示

Answer 1

你需要这样的东西吗？

<div id="acc">Acc
   <ul id="ulAcc">
       <li>User</li>    
       <li>User 2</li>   
       <li>User 3</li>   
   </ul>
</div>

JS

$("#acc").hover(function(){
   $(this).children().stop(true,true).slideDown(); 
   }, function(){
   $(this).children().stop(true,true).slideUp();     
});

Demo

Answer 2

你能告诉我究竟是什么问题吗？

获得它的最简单方法就是这样。像这样定义你的HTML -

<dl class="user">
<dt class="username">Username</dt>
<dd class="userdetails>User Details</dd>
</dl>

现在，在CSS文件中，你可以写这个 -

.userdetails { display: none; }
.user:hover > .userdetails { display: block; }

您也可以编写一个jquery脚本来完成它。或者，只需以这种方式自定义css，您就可以不使用jquery来完成。

如何使用Jquery在其上显示特定数据的详细信息

2 个答案: