在進入另一個頁面之前等待DIV停止移動

Question

當用戶點擊一個鏈接時，我的頁面上有一個jQuery函數來動畫div（使其滑動）。但是我希望瀏覽器只有在DIV完成滑動後才能進入鏈接頁面。我們能做到嗎？

有沒有人有任何引用/文章/教程？

謝謝

Answer 1

你應該在slideUp方法的回調中有一個javascript重定向。

例子：

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

或者該網址是站點之外，您更換window.location本：

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

Answer 2

取決於你如何做滑，我個人創建一個功能：

如果您按照jQuery文檔

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

如果你提供的代碼或更多細節，可以更具體

Answer 3

通常有動畫或效果結束時調用回調函數。請參閱this page - 然後單擊查看源代碼示例