Wordpress jQuery - 选中复选框时添加类，然后在取消选中时删除

Question

我正在创建一个实时更新的wordpress主题定制器 - 它通过javascript实现。其中一个选项是一个复选框，用于在选中时添加“透明”类，或者在取消选中元素时将其删除。

这是我的javascript：

wp.customize( 'header_transparent_menu', function( value ) {
    value.bind( function( to ) {
        $( '#header.alt' ).addClass('transparent', to );
    } );
});

目前，这会在检查时将该类添加到元素中，但在取消选中时我无法弄清楚如何删除它。

Answer 1

将addClass替换为toggleClass。下面是一个自定义示例，向您展示这在实践中如何工作。

$(document).ready(function() {
    $("#check").change(function() { 
        $("#header.alt").toggleClass("blue"); 
    });
});

和JSFiddle：http://jsfiddle.net/FSNL3/1/

如果使用数据填充表单，请记住如果选中该复选框，则自动应用加载类。然后，上面的snippted将为你完成工作。