Как передать значение img sr c по клику, если оно содержит php код

Question

У меня есть галерея, где я передаю нужное фоновое изображение в объявление div при клике

var order = $(this).attr("data-order");
var newBg = "url(/services/workshop_" + order + "@0,2x.jpg";
container.css("backgroundImage", newBg);

, теперь я хочу преобразовать весь сайт в тему WordPress, и возникла проблема. В Wordpress источники изображений всегда содержат код php (даже при применении в качестве фона в атрибуте style =), поэтому ссылка должна выглядеть следующим образом:

url(<?php echo get_template_directory_uri(); ?>/services/workshop_X@0,2x.jpg)

Я пытался изменить переменную newBg, добавив php код в нем, но если я это сделаю, контейнер. css () вообще не работает. Что мне делать в этой ситуации?

Answer 1

хорошо, я понял:
Я установил исходное фоновое изображение как встроенное css, затем схватил сгенерированную ссылку и заставил код вставить модификацию URL в правильную позицию:

var order = $(this).attr("data-order");
var txt = container.attr("style");
var n = txt.indexOf("/img")
var newBg = txt.slice(0, n) + "/img/services/concert_" + order + "@0,2x.jpg)";
container.css("backgroundImage", newBg);