Question

在我的网站上，我有一个联系人按钮，按下时会向下滑动包含联系人表单的div（使用jQuery动画）。这个div有一个关闭按钮，按下时按下它（它的原始位置离开屏幕）。我需要在按下联系人按钮时这样做，它只能工作一次，但在div关闭后再次工作。

我知道这会使用bind / unbind函数，但是我无法使用它。这是我的代码：

$(document).ready(function() {
var handler = function() {
$('.top,.left,.main,.header').animate({
top: '+=120'
}, 1300, 'easeOutBounce');
}
$('#contact').bind('click', handler);
$('#contact').unbind('click', handler);
});
$('#close').click(function() {
$('.top,.left,.main,.header').animate({
top: '-=120'
}, 1300, 'easeOutBounce');
});

我尝试将其添加到的网站位于：www.samskirrow.com/projects/move_div

感谢您的帮助。萨姆

Answer 1

想出来，决定不使用bind，unbind命令，而是切换。我有一个关闭按钮，它只是扮演打开按钮的角色，因此它不会中断切换循环。

$(document).ready(function() {
  $('#contact').toggle(function() {
    $('.top,.left,.main,.header').animate({
      top: '+=120'
    }, 1300, 'easeOutBounce');
  },function() {
    $('.top,.left,.main,.header').animate({
      top: '-=120'
    }, 1300, 'easeOutBounce');
  })
  $('#close').click(function() {
  $("#contact").click();
  });
});

希望这对某人有用：）

Jquery Bind / Unbind

1 个答案: