Jquery。点击一下

Question

如何在单击按钮一秒后使该功能正常工作？

例如

$("#button").click(function(){
$(".panel").addClass('flip');

只有按下按钮1秒钟才能'flip'。如果你点击它不到一秒，它就不会'flip'

请建议。

Answer 1

$(document).ready(function(){
  $("#button").mousedown(function(e){
    var self = this;
    clearTimeout(self.mouseUpTimer);
    self.mouseUpTimer = setTimeout(function(){
      $(self).bind('mouseup.delay', function(e){
        $(".panel").addClass('flip');
        $(self).unbind('mouseup.delay');
      });
    }, 1000);
  }).mouseup(function(e){
    clearTimeout(this.mouseUpTimer);
  });
});

jsFiddle：http://jsfiddle.net/zSPhK/