我有一个简单的 jQuery 动画,可以在 .click() 事件发生时将 div 向右或向左移动。
但是,如果用户单击该事件两次,则会触发两次,这会扰乱格式。
这是我所拥有的示例:
$('a#right').click( function () {
if ($(this).is(':visible')) {
$('#slide').animate({right: '+=257'}, 400, function () {
slide_button();
});
}
});
函数 Slide_button() 将检查 div 的位置是否在用户视点可接受的范围内。如果是这样,它将允许右侧或左侧按钮可见。如果超出限制,它将隐藏按钮。
它工作得很好,除非我点击它两次——然后它就会从页面上滑下来。
有没有办法使用它来忽略双击?
只需检查元素是否已经有动画:
$('a#right').click( function () {
if ($(this).is(':visible') && !$('#slide').is(':animated')) {
$('#slide').animate({right: '+=257'}, 400, function () {
slide_button();
});
}
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)