1

我遇到了 jQuery UI 的 toggleClass 函数的问题。我正在使用它来添加一个类，当用户将鼠标悬停在该元素上时，该类将应用缓动过渡。它似乎没有使用持续时间参数。当您鼠标移出时，该类立即消失。

库（都按此顺序添加到头部）：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>

功能：

$(function() {
    $("#sidebar li").hover(
        function() {
            $(this).toggleClass("current-hover", 1000);
            return false;
    });
});

CSS：

.nav-highlight li.current-hover a{
padding-left:1.563em;
border-left-style:solid;
border-left-color:#e42626;
-webkit-transition:padding .25s ease; /* chrome */
-moz-transition:padding .25 ease; /* firefox */
-o-transition:padding .25 ease; /* opera */
transition:padding: .25 ease;
color:#e42626;

}

行动中的组合：http: //jsfiddle.net/ggjqb/6/

4

0 回答 0