Javascript 我有两次再次单击两次来启动jquery动画功能
这是你的电话号码 上次它纯粹是一个javascript问题,所以我不会发布html。一位用户说我必须设置html“数据点击”,但在改进代码并添加另一个“else”子句后,我现在必须再次点击两次。这是最后一篇文章的结尾。html是相同的。我不太了解“数据点击”,我做了一些研究,但仍然不太了解它 JavascriptJavascript 我有两次再次单击两次来启动jquery动画功能,javascript,jquery,html,Javascript,Jquery,Html,这是你的电话号码 上次它纯粹是一个javascript问题,所以我不会发布html。一位用户说我必须设置html“数据点击”,但在改进代码并添加另一个“else”子句后,我现在必须再次点击两次。这是最后一篇文章的结尾。html是相同的。我不太了解“数据点击”,我做了一些研究,但仍然不太了解它 Javascript $(document).ready(function(){ $('#three').click(function() { var clicks = $(this).data('cl
$(document).ready(function(){
$('#three').click(function() {
var clicks = $(this).data('clicks');
if (clicks) {
$("#three").animate({marginLeft: $(window).width()-900 +'px'}, 746, 'linear');
$("#three-info").css("visibility" , "visible");
$("#ignore-three").css("visibility" , "visible");
$("#ignore-three").fadeIn(3000);
} else {
if ($("#three").css("marginLeft")=='0px') {
$("#ignore-three").css("visibility" , "visible");
$("#ignore-three").fadeIn(3000);
}
else {
$("#three").animate({marginLeft: 0 +'px'}, 700, 'linear');
$("#ignore-three").css("visibility" , "hidden");
};
}
$(this).data("clicks", !clicks);
if ($("#two").css("marginLeft")==$(window).width()-900 +'px') {
$("#ignore-three").css("visibility" , "visible");
$("#two").animate({marginLeft: 0 +'px'}, 63, 'linear');
$("#three").animate({marginLeft: $(window).width()-900 +'px'}, 746, 'linear');
$("#ignore-two").css("visibility" , "hidden");
}
if ($("#one").css("marginLeft")==$(window).width()-900 +'px') {
$("#one").animate({marginLeft: 0 +'px'}, 63, 'linear');
$("#three").animate({marginLeft: $(window).width()-900 +'px'}, 746, 'linear');
$("#ignore-one").css("visibility" , "hidden");
}
});
$('#two').click(function() {
var clicks = $(this).data('clicks');
if (clicks) {
$("#two").animate({marginLeft: $(window).width()-900 +'px'}, 746, 'linear');
$("#two-info").css("visibility" , "visible");
$("#ignore-two").css("visibility" , "visible");
} else {
if ($("#two").css("marginLeft")=='0px') {
$("#ignore-two").css("visibility" , "visible");
}
else {
$("#two").animate({marginLeft: 0 +'px'}, 700, 'linear');
$("#ignore-two").css("visibility" , "hidden");
};
}
$(this).data("clicks", !clicks);
if ($("#three").css("marginLeft")==$(window).width()-900 +'px') {
$("#ignore-two").css("visibility" , "visible");
$("#three").animate({marginLeft: 0 +'px'}, 63, 'linear');
$("#two").animate({marginLeft: $(window).width()-900 +'px'}, 746, 'linear');
$("#ignore-three").css("visibility" , "hidden");
}
if ($("#one").css("marginLeft")==$(window).width()-900 +'px') {
$("#one").animate({marginLeft: 0 +'px'}, 63, 'linear');
$("#two").animate({marginLeft: $(window).width()-900 +'px'}, 746, 'linear');
$("#ignore-one").css("visibility" , "hidden");
}
});
$('#one').click(function() {
var clicks = $(this).data('clicks');
if (clicks) {
$("#one").animate({marginLeft: $(window).width()-900 +'px'}, 746, 'linear');
$("#one-info").css("visibility" , "visible");
$("#ignore-one").css("visibility" , "visible");
} else {
if ($("#one").css("marginLeft")=='0px') {
$("#ignore-one").css("visibility" , "visible");
}
else {
$("#one").animate({marginLeft: 0 +'px'}, 700, 'linear');
$("#ignore-one").css("visibility" , "hidden");
};
}
$(this).data("clicks", !clicks);
if ($("#two").css("marginLeft")==$(window).width()-900 +'px') {
$("#ignore-one").css("visibility" , "visible");
$("#two").animate({marginLeft: 0 +'px'}, 63, 'linear');
$("#one").animate({marginLeft: $(window).width()-900 +'px'}, 746, 'linear');
$("#ignore-two").css("visibility" , "hidden");
}
if ($("#three").css("marginLeft")==$(window).width()-900 +'px') {
$("#three").animate({marginLeft: 0 +'px'}, 63, 'linear');
$("#one").animate({marginLeft: $(window).width()-900 +'px'}, 746, 'linear');
$("#ignore-three").css("visibility" , "hidden");
}
});
你试过了吗?是的,我试过了,但我添加了另一个“else”条款,这又把一切都抛在脑后了。我想这只是他的问题!:DI决定将“data clicks“1”注入html,但当我添加另一个else子句时,它就过时了。@brute_force是的,这个问题听起来与那个问题相似。你尝试了吗?是的,它成功了,但我添加了另一个“else”子句,这又把一切抛在脑后。我想这只是他的问题!:DI决定将“data clicks“1”注入html,但当我添加另一个else子句时,它就过时了。@brute_force是的,这个问题听起来与那个问题类似