SCSS中的动态变量

Question

您好，我想根据在Application.js中找到的变量来设置url动态。如果变量为true，则url的路径应类似于：

"https:/asite/resources/mybackground.jpg"

否则，它将直接从应用程序的资源文件夹中获取，例如：

"/resources/mybackground.jpg"

因此，我需要在url中附加变量。问题是该变量在我的Application.js文件中找到，而不在另一个scss文件中找到。

我该如何实现？

请在下面找到我的CSS代码：

.myviewport::after {
  background: url("/resources/mybackground.jpg") no-repeat;
  position: absolute;
  z-index: -1;
}

Answer 1

您可以在jQuery中做到这一点：

if(need_change) { 
    $('.myviewport').css('background', 'url("the other URL")') 
}

// else you keep the current background