Javascript 我有两次再次单击两次来启动jquery动画功能

Javascript 我有两次再次单击两次来启动jquery动画功能,javascript,jquery,html,Javascript,Jquery,Html,这是你的电话号码 上次它纯粹是一个javascript问题,所以我不会发布html。一位用户说我必须设置html“数据点击”,但在改进代码并添加另一个“else”子句后,我现在必须再次点击两次。这是最后一篇文章的结尾。html是相同的。我不太了解“数据点击”,我做了一些研究,但仍然不太了解它 Javascript $(document).ready(function(){ $('#three').click(function() { var clicks = $(this).data('cl

这是你的电话号码

上次它纯粹是一个javascript问题,所以我不会发布html。一位用户说我必须设置html“数据点击”,但在改进代码并添加另一个“else”子句后,我现在必须再次点击两次。这是最后一篇文章的结尾。html是相同的。我不太了解“数据点击”,我做了一些研究,但仍然不太了解它

Javascript

$(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是的,这个问题听起来与那个问题类似