Question

我正在为Magento网站构建一个特色产品滑块，我在jQuery中使用了.animate方法，允许div滑动隐藏的内容。我是Javascript / jQuery的新手，我似乎无法找到任何答案来帮助我（我也不知道正确的术语）

我需要.animate在到达隐藏div的末尾后停止（这是200％）请参阅下面的代码。

$( function() {
      $('button.next-button').click( function() {
        $("#featured-slide").animate({right: '+=20%'});
      } );
} );

    $( function() {
      $('button.back-button').click( function() {
        $("#featured-slide").animate({right: '-=20%'});
      } );
} );

我发布的HTML太多了，但＃featured-slide的宽度是200％。有没有办法让最大的正确位置或类似的东西？

我对Stack Overflow和jQuery都很陌生，所以任何帮助都会非常受欢迎。

由于

Answer 1

我实际上发现了一个与此问题有关的jsfiddle的无关帖子。请参阅http://jsfiddle.net/qpHSw/

 `<block type="catalog/product_list_upsell" name="product.info.upsell" as="upsell_products" template="catalog/product/list/upsell.phtml">`

如何在动画到达div结束后停止动画？

1 个答案: