Question

嗨，我需要一些帮助，

我一直在使用这个开关 http://foundation.zurb.com/docs/components/switch.html

我想点击它时添加一些toggleClass事件，但它不会让我， addClass有效，但toggleClass不能

$('.switchClassNameHere').on("click", function () {
    $(this).toggleClass('test');
});

我已经尝试过这段代码而且它很有用但很遗憾Switch没有正常工作。

$('.switchClassNameHere').on("click", function (e) {
    e.preventDefault();
    $(this).toggleClass('test');
});

Answer 1

由于某些原因，当您单击“基础”复选框时，click事件会触发两次。只需在点击处理程序中添加console.log('test');即可确保。所以.toggleClass('test')工作两次：添加类然后删除。

您可以使用此类内容而非toggleClass：

$('.switchClassNameHere').on("click", function () {
    if($(this).find('input:checked').length === 0) {
        $(this).removeClass('test');
    } else { 
        $(this).addClass('test');
    }
});

基金会的开关与toggleClass不兼容

1 个答案: