更改悬停时的显示属性

我想在更改另一个元素时更改CSS display属性。我试着用jQuery像来实现：更改悬停时的显示属性

$("li.megamenu-li-first-level").hover(function() { 
    $(".mega").css("display", "show"); 

});

但我的元素是在html像<div class="mega" style="display: none;">仍然没有露面定义，为什么不呢？

来源

2014-11-05 cerr

没有有效的value可用与display财产调用show。您可能希望写这$(".mega").css("display", "block");但可以简单地写为$(".mega").show()

尝试，

$("li.megamenu-li-first-level").hover(function() { 
    $(".mega").show(); 
});

显示和隐藏鼠标悬停的元素。

$("li.megamenu-li-first-level").hover(function() { 
     $(".mega").show(); 
    },function(){ 
     $(".mega").hide(); 
    });

来源

2014-11-05 05:23:11

你也可以告诉我，当光标离开元素时，我怎么再次隐藏'.mega'？ – cerr 2014-11-05 05:28:55

@cerr查看更新的答案。 – 2014-11-05 05:31:34

可以试试这个：

$("li.megamenu-li-first-level").hover(function() { 
    $(".mega").css("display", "block"); 

});

希望它能帮助。

来源

2014-11-05 05:26:45 invinciblejai

试试这个，在鼠标悬停和鼠标离开将是有用的。

 $('.li.megamenu-li-first-level').mouseover(function(){ 
if ($('.mega').css('display') == 'none') { 
    $('.mega').css("display","block"); 
} 
 });
 $('.li.megamenu-li-first-level').mouseleave(function(){ if ($('.mega').css('display') == 'block') { $('.mega').css("display","none");enter code here } }）;

来源

2014-11-05 05:39:31 Thiyagesh

这是最终的工作最适合我：

$("li.megamenu-li-first-level").mouseover(function() { 
    $(".mega").show(); 
}); 
$("li.megamenu-li-first-level").mouseleave(function() { 
    $(".mega").hide(); 
});

谢谢大家的帮助，我能够使用的点点滴滴，从大家！

来源

2014-11-06 04:40:39 cerr

更改悬停时的显示属性

回答

相关问题