Question

我有以下代码

value.bind( function( to ) {
    $( '#header.alt.reveal' ).attr('style', 'background:transparent;', to );

它被放置在一个函数中，该函数在选中复选框时添加属性。但是，我想进行此切换，以便在取消选中时删除该属性。有人可以解释我是怎么做的

对于一些上下文 - 这是控制wordpress定制器中实时更改的js文件 - 整个代码片段如下所示：

// FRONT PAGE MENU TRANSPARENCY
wp.customize( 'front_page_menu_transaprency', function( value ) {
    value.bind( function( to ) {
        $( '#header.alt.reveal' ).toggle.attr('style', 'background:transparent;', to );

    });
});

Answer 1

我相信你正在寻找以下内容：

$(".checkbox").click(function(){
   if($(this).is(':checked')){
       $('#header.alt.reveal').addClass('classname');
   }else{
       $('#header.alt.reveal').removeClass('classname');
   }
});

Answer 2

我相信你正在寻找这样的东西。当事情成真时，我只是将背景颜色改为红色。

$('#header.alt.reveal').css('background-color', function () {
  return to ? '#f00' : 'transparent';
});

jQuery - 切换属性

2 个答案: