使用jquery在mouseout时隐藏div
HTML使用jquery在mouseout时隐藏div,jquery,html,css,hide,mouseout,Jquery,Html,Css,Hide,Mouseout,HTML <div class="wrapper"> <div class="menu" id="atl-block">Menu-1</div> <div class="menu" id="btl-block">Menu-2</div> <div class="menu" id="ctl-block">Menu-3</div> <div class="menu" id="dt
<div class="wrapper">
<div class="menu" id="atl-block">Menu-1</div>
<div class="menu" id="btl-block">Menu-2</div>
<div class="menu" id="ctl-block">Menu-3</div>
<div class="menu" id="dtl-block">Menu-4</div>
<a href="javascript:void(0);" class="btn01">Click1</a>
<a href="javascript:void(0);" class="btn02">Click2</a>
<a href="javascript:void(0);" class="btn03">Click3</a>
<a href="javascript:void(0);" class="btn04">Click4</a>
</div>
JQUERY
$('.wrapper').children('a').on('click',function(){
$('.wrapper').children('div').hide().eq($(this).index()-4).fadeIn(400);
});
当单击包装器div中的任何标记时,显示相关div。但当鼠标移出div时,我无法隐藏div。我如何才能做到这一点?试试这个
$('.menu').on('mouseout',function(){
$(this).hide();
});
div上的Mouseout或div上的Mouseout@anton上的?Mouseout不是一个完整的答案,只是想在代码中尝试一些东西:。我建议清理一下,如果可以的话,通过更常规地将单击对象与菜单链接,可以更有效地执行扫描次数。另外,使用带有
javascript:void(0)
的锚定标记在跨度可能更合适的地方也不是很优雅,这意味着您不必担心任何preventDefault
检查?谢谢@Anton那么当单击任何空白字段时,我如何隐藏此div?空白字段?你是说除了和之外的任何地方?除了单击隐藏div how之外的任何地方?非常感谢@Anton,但我有一个问题。文档的Listen click事件会导致性能损失吗?我不知道:/sry但我认为这是最好的方法,否则$(':not(“.menu,a”)).on('click',function(){$('.menu').hide();})代码>
$('.menu').on('mouseout',function(){
$(this).hide();
});