Navigation 在网站上导航时,如何在浏览器跳转页面之前使动画完全完成
我想在网页的导航菜单上使用animate.css。例如,菜单飞出屏幕。主要问题是:如何延迟正在单击的页面加载,直到动画完全完成。现在动画被切断,因为下一页已加载Navigation 在网站上导航时,如何在浏览器跳转页面之前使动画完全完成,navigation,pageload,animate.css,Navigation,Pageload,Animate.css,我想在网页的导航菜单上使用animate.css。例如,菜单飞出屏幕。主要问题是:如何延迟正在单击的页面加载,直到动画完全完成。现在动画被切断,因为下一页已加载 $(document).ready(function(){ $('#list').click(function(){ $(this).addClass('animated shake'); window.setTimeout( function(){ $('#list').
$(document).ready(function(){
$('#list').click(function(){
$(this).addClass('animated shake');
window.setTimeout( function(){
$('#list').removeClass('animated shake');
}, 1000);
});
});
jQuery>1.6中有promise()。您可以将进一步等待promise()的请求排队
很抱歉,我太没经验了,无法理解如何在代码/问题中使用它。问题是,我有一个id为“list”的无序列表,其中包含链接,我希望在单击链接时对其进行动画处理,但由于加载了新页面,动画被切断。我真的不明白我该怎么用promise()来形容它。
$("button").on( "click", function() {
$("p").append( "Started...");
$("div").each(function( i ) {
$( this ).fadeIn().fadeOut( 1000 * (i+1) );
});
$( "div" ).promise().done(function() {
$( "p" ).append( " Finished! " );
});
});