将if/else与组合时出现问题。在jQuery中单击
这是我的javascript将if/else与组合时出现问题。在jQuery中单击,jquery,click,if-statement,Jquery,Click,If Statement,这是我的javascript $(document).ready(function(){ $('.frontpageimg').click(function(){ $(this).data('clicked', true); }); if('.frontpageimg').data('clicked') { $('#imagepos').slideUp(2000).fadeOut(2000);
$(document).ready(function(){
$('.frontpageimg').click(function(){
$(this).data('clicked', true);
});
if('.frontpageimg').data('clicked') {
$('#imagepos').slideUp(2000).fadeOut(2000);
$('#contentpos').slideUp(2000).fadeIn(2000);
} else {
$('#imagepos').delay(8000).slideUp(2000).fadeOut(2000);
$('#contentpos').delay(8000).slideUp(2000).fadeIn(5000);
}
});
网站会在一段时间后播放主要内容的动画,这是应该发生的事情。但是,我希望用户能够跳过等待,通过单击图像激活较短的动画。当前,“其他”部分下的所有内容都可以工作,但单击图像时不会发生任何事情
编辑:我更改了代码,试图让事情正常运行,但仍然没有达到我想要的效果
$(document).ready(function(){
$('#imagepos').delay(8000).slideUp(2000).fadeOut(2000);
$('#contentpos').delay(8000).slideUp(2000).fadeIn(5000);
});
$('#frontpageimg').click(function(){
$('div:animated').stop();
$('div:animated').clearQueue();
$('#imagepos').slideUp(2000).fadeOut(2000);
$('#contentpos').slideUp(2000).fadeIn(2000);
});
您正在尝试更改其行为的函数(在单线程环境中只调用一次)内绑定单击处理程序
您最好尝试从cluck处理程序中取消或修改动画序列(如果它仍在运行),或者,您可以让动画序列检查按钮是否已被单击您正在函数中绑定单击处理程序(在单线程环境中只调用一次)您正试图改变的行为
您最好尝试从cluck处理程序中取消或修改动画序列(如果它仍在运行),或者,您可以让动画序列检查按钮是否已被单击如果('.frontpageimg'),代码
中存在语法错误
不确定if/else块中的任何内容是如何工作的,代码执行应该随着if
行上的错误而停止。修复了语法错误,并在解决当前尝试之前移动了一系列内容。它仍然不起作用,但没有抛出任何错误。代码中存在语法错误if('.frontpageimg')
不确定if/else块中的任何内容是如何工作的,代码执行应该在if
行上出现错误时停止。修复了语法错误,并在解决当前尝试之前移动了一系列内容。它仍然不工作,但没有抛出任何错误。我可以在.animate方法中使用.fadein/out和.slideup吗?我可以在.animate方法中使用.fadein/out和.slideup吗?