javascript - .one 和回调

标签 javascript jquery jquery-callback

http://jsfiddle.net/EYQ3S/

$('#footer').one('hover', function() {
     $('#impressum_lang_container').stop().slideDown('slow', function(){
          $('body,html').animate({ scrollTop: $(document).height()}, 'slow');
          return false;
     });
}); 

我是 javascript 的新手,非常感谢您的帮助!非常感谢:-)

我正在努力通过回调统一 .one 下的两个函数。 我已经让它们单独工作,但现在我不知道如何继续。

我有一个页脚。有一个悬停效果,当鼠标移到页脚上时,一个新的 div 会在下面展开,其中包含更多内容。 现在,我希望在 div 完全展开后,侧面自动滚动到最底部。这就是我尝试加入回调函数的原因。

此外,在我的第一个解决方案中,每次用户将鼠标悬停在页脚上时都会执行向下滚动。我不想这样,所以我尝试使用 .one-function。也还没有工作。

最佳答案

没有名为 hover 的事件- 它是用于注册 mouseenter 和 mouseleave 处理程序的实用函数,您需要使用 mouseenter - 当鼠标进入元素时 mouseleave当鼠标离开元素时

$('#footer').one('mouseenter', function () {
    $('#impressum_lang_container').stop().slideDown('slow', function () {
        $('body,html').animate({
            scrollTop: $(document).height()
        }, 'slow');
        return false;
    });
});

演示:Fiddle

关于javascript - .one 和回调,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21216183/

相关文章:

javascript - NodeJS nodemailer - IIS SMTP 虚拟服务器

javascript - 创建带有嵌套循环的追逐盒游戏区域,二维数组仅输出 1 行方 block

javascript - 存在动态列表操作时form to json报错

php - 在两个 https 站点之间打开 jQuery $.ajax 连接的正确方法是什么?

带有回调函数的jquery动画不适用于滚动

javascript - 如何在重试 Ajax 场景中消除这种丑陋的重复代码?

javascript - LoDash _.has 用于多个键

javascript - Jquery OnClick 仅在 Firefox 中不起作用

javascript - 如何在 ionic 3 中使用 jquery

java - ajax回调数据[object Object]而不是文本