javascript - 条件语句和内联样式 - 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+')');