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

box div将在页面加载期间被隐藏，当我们hover在它上面时它应该显示，onmouseover它应该显示，并且onmouseout它应该被隐藏。 可以任何身体建议我如何做jquery，我是Jquery初学者:)

更新此Div放置在gridview的ItemTemplate中。 会有用吗？ 与你的人提供的回复？

 Highlight it Reset  

Answer 1

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

试试这个

http://jsfiddle.net/sfUHn/7/

您的HTML应该如下所示

 
 
 Highlight it Reset 
 
​ 

你的jquery会是这样的

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

希望这可以帮助

Answer 2

修改html有点像

 
hover
 
 Highlight it Reset  

jquery部分

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

DEMO

Answer 3

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

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

Answer 4

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

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

Answer 5

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

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