jquery.dropdown Plain.js在ie8中不起作用

时间:2011-07-08 18:03:31

标签: jquery internet-explorer-8 navigation drop-down-menu

任何人都可以告诉我哪个类/ es或id / s是我脚本的booman。 它是一个多级导航菜单,非常简单 - 但它不会在ie8中工作 - 在firefox中,safari没有问题。

问题是如下......在mozilla firefox中,子菜单会打开...但在ie8中没有反应。

我已经解决了问题...解决方案是缺少使用子菜单的css类

ul.dropdown li:hover > ul { visibility: visible; }

JS

的jquery-1.6.2.min.js

        $(function(){

    $("ul.dropdown li").hover(function(){

        $(this).addClass("hover");
        $('ul:first',this).css('visibility', 'visible');

    }, function(){

        $(this).removeClass("hover");
        $('ul:first',this).css('visibility', 'hidden');

    });

    $("ul.dropdown li ul li:has(ul)").find("a:first").append(" » ");

});

的style.css

    /*Navigation*/
    #tophead {
    background:#1b232f;
    height:50px;
    display:block;
    }

    #topnav {
    float:right;
    }

    #topnav li {
    float:left;
    margin:10px 10px 0px 0px;
    }

    #topnav li a {
    height:30px;
    display:block;
    text-indent: -99999px;
    }

    ul.dropdown ul{
    visibility: hidden;
    position:absolute;
    }

ul.dropdown li.hover,
ul.dropdown li:hover                { background: #F3D673; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }

HTML

<div id="tophead">
    <div class="wrapper">
        <div class="topnav_logo"></div>
        <ul id="topnav" class="dropdown">
            <li class="home"><a href="#">Home</a></li>
            <li class="products"><a href="#">Produkte</a>
               <ul class="sub_menu">
                    <li><a href="#">Point1</a></li>
                    <li><a href="#">Point2</a></li>
               </ul>
            </li>
            <li class="shop"><a href="#">Shop</a></li>
            <li class="projects"><a href="#">Projekte</a></li>
            <li class="contact"><a href="#">Kontakt</a></li>
            <li class="login"><a href="#">Login</a></li>
        </ul> 
    </div>
</div>

2 个答案:

答案 0 :(得分:2)

我遇到了同样的问题并用DOCTYPE声明修复了它。如此简单,却如此难以捉摸。

答案 1 :(得分:0)

我相信你有一个CSS语法问题......

background:应为background-color: