Изменение CSS в jQuery не работает

Question

Я пытаюсь добавить фоновое изображение в класс CSS с помощью jQuery, как показано ниже. В настоящее время код разбивает все остальные 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')"", 
     }); 
    } 
}); 

Answer 1

Ваш код отформатирован неправильно. Вам нужно избежать ", которые встречаются в пределах других ". Кроме того, метод 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')" 
     }); 
    } 
}); 

Answer 2

$(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')", 
     }); 
    } 
}); 

Answer 3

Включают подобные цитаты в вашем url что делает строку перерыв. Это должно работать:

$(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')", 
     }); 
    } 
});