javascript - jquery-ui switchClass()无法按预期工作

我无法像在jquery网站上的示例中那样使switchClass函数很好地淡出。基本上，时间安排似乎没有任何影响，我尝试从40000-4开始尝试，但没有任何区别。

我在下面张贴了一个小提琴（解释得更好），但这是我正在使用的代码。有两个用于切换类的div，因此背景图片不同。我为每个div使用不同的方法，但是即使一个使用switchClass，另一个使用addClass，它们都给出完全相同的结果。

$(document).ready(function() {
    $('.iamatrainer').hover(function(){
        $(this).switchClass('iamatrainer', 'iamatrainerhover', 400, 'easeInOutQuad');
        }, function(){
            $(this).switchClass('iamatrainerhover', 'iamatrainer', 400, 'easeInOutQuad');
    });
    $('.iusetrainer').hover(function(){
        $(this).addClass('iusetrainerhover', 400);
        }, function(){
            $(this).removeClass('iusetrainerhover', 400);
    });
});

http://jsfiddle.net/KJbA8/

谁能帮我吗？

最佳答案

您确定您已加载jQueryUI吗？ switchClass方法不是jQuery的一部分。您的小提琴抛出了JS控制台错误。

您实际上并不需要JS。只需在:hover和.iamatrainer元素上设置.iusetrainer即可。 http://jsfiddle.net/y3ALr/3/

另外，如果您必须使用背景图片...


确保您正在使用一些合理使用的图像替换技术
考虑使用sprites和：hover偏移量，这样您就不会感到讨厌的延迟。

关于javascript - jquery-ui switchClass()无法按预期工作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21492135/