bootstrap-动态变化的jumbotron背景图像

bootstrap - dynamically changing jumbotron background image

本文关键字：背景 图像 jumbotron 动态 变化 bootstrap-      更新时间：2023-09-26

当点击一个新选项卡时，我正试图用jQuery更改jumbotrondiv的背景图像，如下所示：

    $(".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背景图像也根本不会显示。有人能解释一下为什么会发生这种事吗？

您有一些语法错误，否则一切都很好！！将url置于引号内，如下所示：

$('.jumbotron').css('background-image','url(/path/to/new/image)');
相关文章：