javascript - bootstrap - 动态改变 jumbotron 背景图像

Question

我正在尝试在单击新选项卡时使用 jQuery 更改超大屏幕 div 的背景图像，如下所示:

    $(".about").click(function(){
      $('.active').toggleClass('active');
      $('.about').toggleClass('active');

      $('.jumbotron').fadeOut(500);
      //change background image
      $('.jumbotron').fadeIn(500);
    });

我尝试使用 $('.jumbotron').css('background-image',url('/path/to/new/image')); 但当我包含该行时，即使在我单击任何选项卡之前，超大屏幕背景图像也根本不显示。谁能解释为什么会这样？

Answer 1

你有一些语法错误，否则一切都很好!!将 url 放在引号内，如下所示:

$('.jumbotron').css('background-image','url(/path/to/new/image)');