url_for делать странные вещи с помощью jquery

Question

В настоящее время я борюсь с python / flask / Jquery! Я хочу использовать функцию URL_for в теге img, но при ее использовании браузер делает странные вещи!

$("div.left").append("<img id='my_img' class='centered' style='width:100%; height:100%' src=" + "{{ url_for('static', filename='./img/logo.png') }}" + "alt='Loading error!' />")

Вот что дает мне браузер:

<img id="my_img" class="centered" style="width:100%; height:100%" src="/static/img/logo.pngalt='Loading" error!'="">

Последний вопрос: можно ли поместить код в файл js с помощью url_for (кажется, у меня не работает!)?

Answer 1

Если вы пытаетесь использовать Jquery, следуйте приведенному ниже коду

$(function() {
  $("div.left").append("<img id='my_img' class='centered' style='width:100%; height:100%' src='" + url_for('static','./img/logo.png')+"' alt='Loading error!' />")
});

function url_for(a,b){
    return b;
}

Answer 2

Я думаю, что проблема вызвана двойными и одинарными кавычками. Можете ли вы попробовать это;

$("div.left").append('<img id="my_img" class="centered" style="width:100%; height:100%" src="{{url_for("static", filename="./img/logo.png")}}" alt="Loading error!" />')