Question

我有一个按钮，单击该按钮时会显示“ 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'));
    });
});

Answer 1

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

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

禁用单击动画以取消选择

1 个答案: