0

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

我知道这使用了绑定/取消绑定功能，但是我无法让它工作。这是我的代码：

$(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

谢谢你的帮助。山姆

4

1 回答 1

0

想通了，决定不使用绑定，取消绑定命令，而是切换。我有一个关闭按钮，它只是扮演打开按钮的角色，因此它不会破坏切换周期。

$(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();
  });
});

希望这对某人有用:)

于 2012-11-04T23:14:11.323 回答