首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >我希望我的jQuery动画只工作一次

我希望我的jQuery动画只工作一次
EN

Stack Overflow用户
提问于 2013-11-20 14:47:31
回答 2查看 102关注 0票数 1

我只想让这件事成功一次。现在,我的滚动头总是工作的,所以不可能向下滚动我的页面。

代码语言:javascript
运行
复制
$(function() {
    $(".showhover").hover(
    function() {
        $('div.mouseover').show(),
        $("html, body").animate({scrollTop: $('div.mouseover').innerHeight() });
    });
}); 
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-11-20 14:50:38

您可以使用one(),但是hover()是jQuery中的一个自定义函数,它将鼠标和鼠标放在一起,执行one('hover')将附加到hover事件,这是不建议的。

在使用mouseenter / mouseleave时,您必须自己恢复功能:

代码语言:javascript
运行
复制
$(function() {
    $(".showhover").one({
        mouseenter: function() {
            $('div.mouseover').show(),
            $("html, body").animate({scrollTop: $('div.mouseover').innerHeight() });
        },
        mouseleave: function() {
            $('div.mouseover').hide(),
        }
    });
}); 
票数 3
EN

Stack Overflow用户

发布于 2013-11-20 14:49:58

试试one('mouseenter mouseleave',悬停是鼠标和鼠标保存组合的伪事件。

代码语言:javascript
运行
复制
$(".showhover").one('mouseenter mouseleave', function(e) {
        $('div.mouseover').toggle();
        if(e.type === 'mouseenter')
            $("html, body").animate({scrollTop: $('div.mouseover').innerHeight() });
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20099034

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档