在继续到另一个页面之前，等待DIV停止移动

本文关键字：等待 DIV 移动 继续 另一个 | 更新日期: 2023-09-27 17:54:45

我的页面上有一个jQuery函数，当用户单击链接时，它会使div动画(滑动)。但是我希望浏览器只在DIV完成向上滑动之后才转到链接的页面。我们能做到吗?

谁有任何参考/文章/教程?

谢谢

在继续到另一个页面之前，等待DIV停止移动

你应该在slideUp方法的回调中有一个javascript重定向。

的例子:

$('#divId').click(function() {
  $(this).slideUp('slow', function() {
    window.location = 'urlhere'; //relative url
  });
});

或者如果url在网站之外，您可以将window.location替换为:

 window.location = 'http://domainhere.com/urlhere'; //absolute url

通常在动画或效果完成时调用回调函数。请参阅本页-并单击查看源代码查看示例

取决于你如何做滑动，我个人会创建一个函数:

如果你遵循jQuery文档

$('#clickme').click(function() {
  $('#book').animate({
    opacity: 0.25,
    left: '+=50',
    height: 'toggle'
  }, 5000, function() {
    // Animation complete.
    window.location = 'http://example.com'
  });
});

如果您提供代码或更多细节，可以更具体

相关文章：