Question

box div将在页面加载期间被隐藏，当我们将鼠标悬停在它上面时它应该显示，onmouseover它应该显示，并且onmouseout它应该被隐藏。任何机构都可以建议我在jquery中做什么，我是Jquery的初学者:)

更新此Div放置在gridview的ItemTemplate中。会有用吗？你回答了哪些人提供的？

<div id="box" style="display: none">
   <a href="#" class="bt btleft">Highlight it</a>
   <a href="#" class="bt btright">Reset</a>
</div>

5 个答案:

答案 0 :(得分：6)

答案 1 :(得分：1)

答案 2 :(得分：1)

答案 3 :(得分：1)

答案 4 :(得分：0)

Answer 1

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

试试这个

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

您的HTML应该如下所示

<div id='container'>
 <div id="box" style="visibility: hidden">
 <a href="#" class="bt btleft">Highlight it</a>
 <a href="#" class="bt btright">Reset</a>
 </div>
</div>

你jquery看起来像这样

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

希望这有帮助

Answer 2

修改html有点像

<div id="hover">hover</div>
<div id="box" style="display: none">
   <a href="#" class="bt btleft">Highlight it</a>
   <a href="#" class="bt btright">Reset</a>
</div>

jquery part

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

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

DEMO

Answer 3

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

<div id='parent-wrapper'>
  <div id="box" style="display: none">
     <a href="#" class="bt btleft">Highlight it</a>
     <a href="#" class="bt btright">Reset</a>
  </div>
</div>

$('#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();

});

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

5 个答案: