jQuery技术:在gridview项模板中，当div设置为none时，如何在mouseover上显示/隐藏div

你最好在CSS中使用visible属性而不是display：none，因为display：none将删除容器本身的空间。

试试这个

您的HTML应该如下所示

 
 
 Highlight it Reset 
 
​ 

你的jquery会是这样的

  $("#container").hover(function () { $("#container div").css("visibility","visible"); }, function () { $("#container div").css("visibility","hidden"); });​ 

希望这可以帮助

修改html有点像

 
hover
 
 Highlight it Reset  

jquery部分

 $("#hover").hover(function(){ $("#box").slideDown(); },function(){ $("#box").slideUp(); }); 

DEMO

将它包装在另一个div中并在该div上绑定一个mouseover事件

 
 
 Highlight it Reset 
 
 $('#parent-wrapper') .mouseover( function() { $('#box').show(); } ); 

试试这个，最简单的一个……

 $("#box").hover(function() { $(this).show(); }, function() { $(this).hide(); }); 

用另一个div包装div并将代码添加到包装的div ：

 $('#wrapper').bind('mouseover hover', function(){ $('#box').show(); }); $('#wrapper').mouseout(funcion(){ $('#box').hide(); });