jQuery悬停+绝对位置= IE中的问题
|
我正在制作一个下拉菜单，它在所有现代浏览器中都很好用，但是我不确定，它在IE中失败，当我尝试选择子菜单的子元素时，它消失了。
这是页面：http：// XXX /
这是JS代码
$(\"nav li\").hover(function(){
$(\".subnavi-wrapper\", $(this)).show();
}, function(){
$(\".subnavi-wrapper\", $(this)).hide();
});
没有找到相关结果
已邀请:
3 个回复
掀辟髓观粟
$(\'#menu > ul > li\').each(function() { if($(\'ul\', this).length > 0) { $(this).hover( function() { $(\'ul\', this).show(); }, function() { $(\'ul\', this).hide(); } ); } });<div id=\"menu\"> <ul> <li> <a href=\"index.html\">wstęp</a> </li> <li> <ul> <li><a href=\"zespol-big-band.html\">Big Band</a></li> <li><a href=\"zespol-arti-sound-concert.html\">Arti Sound Concert</a></li> <li><a href=\"zespol-leszczynska-kapela-barokowa.html\">Leszczyńska Kapela Barokowa</a></li> </ul> <a href=\"#\">zespoły</a> </li> <li> <ul> <li><a href=\"taniec-dancing-sisters.html\">Dancing Sisters</a></li> </ul> <a href=\"#\">taniec</a> </li> <li> <a href=\"o-mnie.html\">o mnie</a> </li> <li> <a href=\"kontakt.html\">kontakt</a> </li> </ul> </div>$(\'nav > ul > li\').each(function() { if($(\'ul\', this).length > 0) { $(this).hover( function() { $(\'ul\', this).show(); }, function() { $(\'ul\', this).hide(); } ); } });谦响局豢报
和。我想您只需要拨动$(\"nav li\").hover(function(){ $(\".subnavi-wrapper\").show(); }, function(){ $(\".subnavi-wrapper\").hide(); });：$(\"nav li\").hover(function(){ $(this).find(\".subnavi-wrapper\").show(); }, function(){ $(this).find(\".subnavi-wrapper\").hide(); });催备南菠亨
// show $(\"nav li\").live(\'mouseover\',function(){ $(\".subnavi-wrapper\").show(); }); // hide $(\"nav li\").live(\'mouseout\',function(){ $(\".subnavi-wrapper\").hide(); });