1

我了解stop()jQuery 中的方法用于Stop the currently-running animation on the matched elements（根据 jQuery.com）。我的网站上有一个图片库，当用户将鼠标悬停在图片的缩略图上时，图片就会被加载。.click()当我使用而不是时，这非常有效.mouseover()；但是，当我更改为mouseover图像的加载时，图像的加载有点滞后，而且对于流畅的鼠标悬停效果来说太慢了。我想尝试使用 .stop() 以便当用户积极地将鼠标从一个图像移动到另一个图像时没有延迟，但我正在使用的代码似乎根本没有太大的影响。

该网站可以通过点击这里查看

function showCurrent(img){
            inAnimation=true;
            img.toggleClass('current').stop().fadeIn(100,function(){
                var title=img.attr('title');
                inAnimation=false;
            });

            current.fadeOut(function(){
                current.removeClass('current'); 
            });
            current=img;
        }

发生了什么：

showCurrent()当鼠标移动缩略图时调用该函数。当前图像被赋予适当的类别，然后淡入（如您所见非常快，我将其设置为 100 毫秒）。所以，我认为这应该非常流畅和快速，但事实并非如此。我在这里做错了什么？

4

0 回答 0