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