jquery - Foundation的开关无法与toggleClass一起使用

嗨，我需要一些基础帮助，

我使用此开关已有一段时间了
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');
});

最佳答案

由于某些原因，单击“基础”复选框会触发两次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');
    }
});

关于jquery - Foundation的开关无法与toggleClass一起使用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24801191/