bootstrap - 动态改变jumbotron背景图像

Question

我在点击新标签时尝试使用jQuery更改jumbotron 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'));但是当我包含该行时，即使在我点击任何标签之前，jumbotron背景图像也根本没有显示。有人能解释为什么会这样吗？

Answer 1

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

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