Создание пользовательской кнопки в шаблоне django из метода jquery append()

После выборки данных, возвращаемых API, я добавляю данные в шаблон django, а также создаю кнопку, которая уже содержит url детальной страницы, указанной в urls.py.

Страница детализации имеет такой url: http://127.0.0.0:8000/blog/<int:user_id>/<int:year>/<int:month>/<int:article_id>, так например: http://127.0.0.0:8000/blog/1/2022/8/1

Я пытаюсь добавить django url таким образом (jquery):

for(var i=0; i < data.articles.length; i++){
   var item = $('<p>Titolo: '+data.articles[i].title+'<br>Autore: '+data.articles[i].author
      +'<br>Data: '+data.articles[i].pub_date+'</p><a id="button_' + data.articles[i].id 
      + '"><button class="btn btn-primary">Dettaglio</button></a>');

   $('#article_list').append(item);

   $("#button_" + data.articles[i].id).attr('href', 
      "{% url 'blog:detail' "+ data.path_info.user_id +" "+ data.path_info.year +" "+ data.path_info.month +" "+ data.articles[i].id +"%}");
}

Анализируя html-страницу, я вижу: <a id="button_1" href="{% url 'blog:detail' 1 2022 8 1%}"><button class="btn btn-primary">Dettaglio</button></a>, что правильно

Когда я нажимаю на кнопку, Django возвращает эту ошибку:

The current path, blog/1/2022/{% url 'blog:detail' 1 2022 8 1%}, didn’t match any of these. 

http://127.0.0.1:8000/blog/1/2022/%7B%25%20url%20'blog:detail'%201%202022%208%201%25%7D

N.B.: data.path_info содержит корректную информацию об используемых тегах пути.

Как мне достичь правильного пути, указав его в jquery?

Вернуться на верх