gpt4 book ai didi

javascript - 如何使用 JavaScript 或 jQuery 防止多次点击?

转载 作者:行者123 更新时间:2023-11-30 20:29:06 25 4
gpt4 key购买 nike

var slideContainer = ('#slider');  
var width = 720;

function slide () {
if ( parseInt( $slideContainer.css('marginLeft') ) >= -2160 ) {
$slideContainer.animate({'margin-left': '-='+width},200);
}
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class='button' onclick='slide()'></a>

我有这个简单的功能,问题是当我多次点击动画速度超过 150 的按钮时,它使 slider 容器向左移动超过 -2160 我的 if 条件中的限制。

最佳答案

var slideContainer = ('#slider');  
var width = 720;
var clicked = false;

function slide () {
if ( clicked ) return;
clicked = true;
if (parseInt( $slideContainer.css('marginLeft') ) >= -2160 ) {
$slideContainer.animate({'margin-left': '-='+width},200,"linear",()=>{
clicked=false;});
}
}
<a class='button' onclick='slide()'></a>

关于javascript - 如何使用 JavaScript 或 jQuery 防止多次点击?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50558503/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com