0

我正在使用 jQuery 1.10 创建一个基本的下拉菜单。它不适用于IE8。我怎样才能解决这个问题？

jsFiddle

jQuery

$(document).ready(function(){
    $(".urun").hover(function(){
        $("ul").slideDown(250);
        $("ul").mouseleave(function(){
            $("ul").slideUp(200);
        });
    });
});

HTML

<img src="http://blog.moovweb.com/wp-content/uploads/2013/04/stackoverflow-logo.png" alt="" class="urun"/>
<ul>
    <li><a href="#">123</a></li>
    <li><a href="#">321</a></li>
    <li><a href="#">213</a></li>
    <li><a href="#">312</a></li>
    <li><a href="#">331</a></li>
</ul>
4

3 回答 3

0

尝试这个

<html xmlns="http://www.w3.org/1999/xhtml">
<head >
    <title></title>
    <style type="text/css">
        .urun
        {
            width: 200px;
        }
        ul
        {
            list-style: none;
            display: none;
        }
        ul li
        {
            padding: 5px;
            width: 150px;
        }
        ul li:hover
        {
            background: #777;
        }
    </style>
    <script src="Scripts/jquery-1.10.1.min.js" type="text/javascript"></script>
</head>
<body>
    <img src="http://blog.moovweb.com/wp-content/uploads/2013/04/stackoverflow-logo.png"
        alt="" class="urun" />
    <ul>
        <li><a href="#">123</a></li>
        <li><a href="#">321</a></li>
        <li><a href="#">213</a></li>
        <li><a href="#">312</a></li>
        <li><a href="#">331</a></li>
    </ul>
    <script type="text/javascript">

        $(document).ready(function () {
            $(".urun").hover(function () {
                $("ul").slideDown(250);
                $("ul").mouseleave(function () {
                    $("ul").slideUp(200);
                });
            });
        });</script>
</body>
</html>
于 2013-07-26T08:39:39.827 回答
0

您的代码工作正常，只需将您在 FIDDLE 中的 jquery 版本更改为例如 1.9.1。

使用 .hover 功能是一样的

$(selector).mouseenter(handlerIn).mouseleave(handlerOut);

所以你有两者的混合，你应该改变你的功能悬停：

$(".urun").hover(
function () {
    $("ul").slideDown(250);
},

function () {
    $("ul").slideUp(200);
});

编辑：

我认为这是使用 jquery 版本 1.10.1 的问题，如果您使用 1.10.0 可以正常工作..

于 2013-07-26T08:46:34.740 回答
0

由于某些未知原因，当您使用 jQuery 1.10 时，jsfiddle 的片段似乎无法在 ie8 上正常工作。我在 jsbin 上添加了您的示例：http://jsbin.com/eyexov/5 -它在那里工作得很好。

Hover 可以通过这种方式处理两个功能：

$(element).hover(function() {
    // your "mouseenter" event
}, function() {
    // your "mouseleave" event
});

你只是以错误的方式使用。查看hover 的文档页面以获取更多信息。

于 2013-07-26T08:43:18.487 回答