javascript - Jquery 只点击一次

Question

我试图在第一次点击后禁用 li 点击事件。本质上是为了阻止数组数据加倍。每次点击都可以正常工作。我目前的方法似乎不起作用。我还需要在第一个 li 被点击后禁止其他 li 被点击 :)

谢谢

JS代码为:

$('#eventType ul li').click(function(e) {
    e.preventDefault();
    var value = $(this).attr('value');
    answers.push(value);
    // Below isn't working
    $(this).click(function() {
        return false;
    });
    console.log(answers);
});

Answer 1

你需要使用一个:

$('#eventType ul li').one('click',function(){
    //your code here
});

这个事件只会触发一次

更新

你可以使用 $.off()

$('#eventType ul li').one('click',function(){
  //your code here
  $('#eventType ul li').off('click');
});