禁用单击动画以取消选择

时间:2018-08-31 11:05:07

标签: javascript jquery

我有一个按钮,单击该按钮时会显示“ flyin”动画。但是,如果用户单击按钮以取消选择他们的选择,则需要禁用动画。 当他们从“ .simple-button”选择“ .simple-button active”时,类会更改。

jQuery(document).ready(function ($) {
     $(".simple-button").on('click', function () {
          //Scroll to top if cart icon is hidden on top
          $('html, body').animate({
               'scrollBottom': $(".view-my-beds").position().top
          });
          //Select item image and pass to the function
          var itemImg = $(this).parent().find('img').eq(0);
          flyToElement($(itemImg), $('.view-my-beds'));
    });
});

1 个答案:

答案 0 :(得分:0)

根据我的经验,最好在单击时添加一个类。这意味着我们可以检测到它是否正在使用中,从而-使您的问题易于解决:

 $('.simple-button').on('click', function ()
 {
      if (!$(this).hasClass('active')) {
          $('html, body').animate({
               'scrollBottom': $('.view-my-beds').position().top
          });

          var itemImg = $(this).parent().find('img').eq(0);
      } else {
          // do whatever without animation
      }
 })