Question

 <script>
  $( document ).ready(function() {
   $('#div1').click(function(){
    $('#div3').click(function(){
     $('#div3').click(function(){
      setTimeout( function() { $('.img1').hide();$('.img2').hide(); }
        , 500 );
          $('.img3').show(); 
     }); 
     });
    });
   });
 </script>

连续单击三个div后，应该调用该函数。如何以任何顺序执行点击？

Answer 1

var clicks = {};

$('#div1').click(function(){
  clicks.div1 = true;
  allClicked();
});
$('#div2').click(function(){
  clicks.div2 = true;
  allClicked();
});
$('#div3').click(function(){
  clicks.div3 = true;
  allClicked();
});

function allClicked() {
  if (!clicks.div1 || !clicks.div2 || !clicks.div3) {
    // not yet 
    return;
  }

  // do something because here are all clicked
}

Answer 2

我为你写了一个可能的解决方案。让我知道它对你有帮助。你有Fiddle link。我建议使用单个eventListener。例如：$("#container")。我们有div的地方。

如何按任意顺序触发连续点击次数的功能？

2 个答案: