Я давно это гуглю! Мне нужно показать изображения при наведении курсора мыши и наведении мыши. Код написан в js-файле. Но путь к изображениям должен быть сгенерирован. Есть ли способ генерировать пути к изображениям, используя что-то вроде этого
{{ актив('связки/mybundle/images/menu_down.png') }}
Можно ли использовать FOSJsRoutingBundle для создания путей к изображениям в js-файлах?
Согласен с ответом Ника, но он забыл "кавычки" вокруг {{ assets(...) }}.
Таким образом, это должно быть написано так:
var menuDownUrl = "{{ asset('bundles/mybundle/images/menu_down.png') }}";
если вы хотите, чтобы window.menuDownUrl работало, а не выводило вас "undefined"
Вы можете установить глобальные переменные JS на своей фактической странице:
<script>
var menuDownUrl = "{{ asset('bundles/mybundle/images/menu_down.png') }}";
</script>
А затем установите внутри вашего файла javascript вызов глобальной переменной: window.menuDownUrl
Затем создает зависимость внутри вашего файла javascript, но позволяет вам динамически устанавливать это изображение.
Вы можете скрыть ввод и установить путь к изображению.
<input type="hidden" id="img_path" value="{{ asset('images/circle_loading.gif') }}">
После этого в jQuery вы можете использовать его так
var img = "<img src=\'"+ $("#img_path").val() +"\'>";
$("div").html(img);
