条件语句和内联样式 - JQuery

Question

我试图根据窗口大小来切换背景图像......

https://codepen.io/anon/pen/qYdZox

function resize(){
  var dbg = $('.full-screen-banner').data('dbg');
  var mbg = $('.full-screen-banner').data('mbg');
  if ($(window).width() < 768) { console.log('less than');
      $(".full-screen-banner").css('background-image', mbg);
  } else {
    $(".full-screen-banner").css('background-image', dbg);
  }
}
resize();
$(window).on('resize', resize);

我使用上面的内容，控制台日志工作正常，但内联样式不会改变？

Answer 1

您需要执行以下操作：将url(...)与图像源路径

一起使用

$(".full-screen-banner").css('background-image', 'url('+dbg+')');