Question

这是我们的HTML：

<div class="selecter-options">
    <span class="selecter-item" data-value="8">ABC</span>
    <span class="selecter-item" data-value="11">DEF</span>
    <span class="selecter-item selected" data-value="12">GHI</span>
    <span class="selecter-item" data-value="7">JKL</span>
    <span class="selecter-item selected" data-value="19">MNO</span>
</div>

这里是我们的jQuery：

$('.selecter-item').one('click touch',
    function(){
    $('.selected').removeClass('selected');
})

当点击任何'.selecter-item'时，我们正在使用jQuery从html中删除所有'.selected'类。 jQuery应该只在第一次点击任何'.selecter-item'元素时触发。

如果点击了.selector-item的IRRESPECTIVE，我们如何才能将jQuery移到removeClass（'selected'）？

提前感谢您的帮助！

Answer 1

您应该使用.off()，它会删除事件处理程序。

$('.selecter-item').one('click touch',function () {
    $('.selected').removeClass('selected');

    //Remove event handler
    $('.selecter-item').off('click touch');
})

DEMO

获取jquery one（）以使用重复的类

1 个答案: