gpt4 book ai didi

javascript - 防止点击功能多次触发

转载 作者:行者123 更新时间:2023-12-03 04:16:51 25 4
gpt4 key购买 nike

我试图创建一个简单的点击函数,但是当我这样做时,它会触发数组中项目数量的确切次数。因此,如果我单击按钮,我会显示它会触发 3 次,因为数组中有 3 个项目(湖人队、骑士队、太阳队)。我的问题是如何防止它发射 x 次?

var TeamPlayers = [{
team: 'Lakers',
Players: ['Russell', 'Clarkson', 'Ingram', 'Randle', 'Zubacs']
}, {
team: 'Cavs',
Players: ['Irving', 'Smith', 'LeBron', 'Love', 'Thompson']
}, {
team: 'Suns',
Players: ['Ulis', 'Booker', 'Warren', 'Chriss', 'Len']
}]

for (var i = 0; i < TeamPlayers.length; i++) {
var TeamPlayersVar = TeamPlayers[i].team
// console.log('outside loop',TeamPlayers[i].team);

$('.leftPlayer').append('<button class="leftButtons">' + TeamPlayers[i].team + '</button>' + '<br>')
$(document).on('click', '.leftButtons', function(){
console.log(this)
});
}

最佳答案

我建议使用 id 来完成此操作。这应该可以解决你的问题。因为点击将使用 id 进行注册

for (var i = 0; i < TeamPlayers.length; i++) {
var TeamPlayersVar = TeamPlayers[i].team
// console.log('outside loop',TeamPlayers[i].team);

$('.leftPlayer').append('<button id="btn'+i+'" class="leftButtons">' + TeamPlayers[i].team + '</button>' + '<br>')
$("#btn"+i).click(function(){
console.log(this)
});
}

关于javascript - 防止点击功能多次触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44106084/

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