1

我是 jquery 的新手，我不太了解它，但我需要它，因为我正在构建一个模板......这是情况，我有一个 div 我想滑入页面（从外部，顶部）当我单击链接时，以及当我单击页面上的其他任何位置以滑出时...这就是我所拥有的：

var tmpl_name = '<?php echo $this->template ?>';
jQuery(document).ready(function() {

  jQuery('#link').click(function() {
    var topy = jQuery('#div');
      topy.delay(0).animate({
      top: parseInt(topy.css('top')) == 0 ? -topy.outerWidth() : 10
    },500, 'easeInOutCirc', function() {jQuery(this);});
  });

});

...并且效果很好，当我单击链接 div 滑入页面时，但是当我单击页面上的其他任何位置以滑出 div 时，我不知道如何实现，我尝试添加：

jQuery('body').click(function() {
    var topy = jQuery('#div');
      topy.delay(0).animate({
      top: parseInt(topy.css('top')) == 0 ? -topy.outerWidth() : -500
    },1000, 'easeInOutCirc', function() {jQuery(this);});
  });

...但问题是当我单击链接以在 div 中滑动时，div 进出页面（可能是因为链接也在正文中，并且代码的第二部分也会影响它。

谢谢你的时间......最好的问候

4

2 回答 2

2

尝试：

jQuery(document).ready(function() {

  jQuery('#link').click(function(e) {
    e.preventDefault();
    var topy = jQuery('#div');
      topy.delay(0).animate({
      top: parseInt(topy.css('top')) == 0 ? -topy.outerWidth() : 10
    },500, 'easeInOutCirc', function() {jQuery(this);});
  });

});

终止事件传播到文档对象

于 2012-12-11T19:19:25.273 回答
0

该.stop()函数可以在调用开始时链接，也可以在结束时链接以停止任何动画。

IE $("#element").stop().bounce().stop();

于 2012-12-11T19:18:24.250 回答