在jQuery中更改CSS无法正常工作

debugcn 发表于 Dev

顽强的

我正在尝试使用jQuery将背景图像添加到CSS类中，如下所示。目前，该代码破坏了所有其他jQuery，因此我想它一定是语法问题。

我也添加了两个过滤器以获得最大支持。

任何帮助将非常感激：）））

$(document).ready(function(){
    if ( ($(".coaching-section-1").length > 0) && ($(window).width() >= 481) && ($(window).width() < 1030) ) {
        $('.coaching-bg-private-video').css({
            'background', "url("wp-content/themes/eddiemachado-bones-9db85e4/library/images/coaching-bg-private-first_frame.jpg") no-repeat center right",
            'filter', "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wp-content/themes/eddiemachado-bones-9db85e4/library/images/coaching-bg-private-first_frame.jpg', sizingMethod='scale')",
            '-ms-filter', ""progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wp-content/themes/eddiemachado-bones-9db85e4/library/images/coaching-bg-private-first_frame.jpg', sizingMethod='scale')"",
        });
    }
});

马特·奥康奈尔

您的代码格式错误。您需要逃避"发生在other内的事情"。另外，css方法需要一个对象。对象的格式如下：{key:value, key2:value2}，而不是{key,value, key2,value2}

$(document).ready(function(){
    if ( ($(".coaching-section-1").length > 0) && ($(window).width() >= 481) && ($(window).width() < 1030) ) {
        $('.coaching-bg-private-video').css({
            'background': "url(\"wp-content/themes/eddiemachado-bones-9db85e4/library/images/coaching-bg-private-first_frame.jpg\") no-repeat center right",
            'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wp-content/themes/eddiemachado-bones-9db85e4/library/images/coaching-bg-private-first_frame.jpg', sizingMethod='scale')",
            '-ms-filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='wp-content/themes/eddiemachado-bones-9db85e4/library/images/coaching-bg-private-first_frame.jpg', sizingMethod='scale')"
        });
    }
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。