Я не можу викликати jQuery, ймовірно, через синтаксичну помилку - php, jquery, symfony, twig

Я використовую JBery aBigImage, і, дотримуючись наведених інструкцій, я отримую помилку 500, кажучи, що змінна "посилання" не існує. Чи можете ви мені допомогти? наступний код - це те, що я написав:

{% block body %}
<div class="page-sidebar">
{% for link in entity.getSidebarImages() %}
{% if link.image.isFoto() %}

<a href="{{ app.request.basepath }}/{{ link.image.getWebPath() }}">

<img src="/images/{{ app.request.basepath }}/{{ link.image.getWebPath("thumbnail_250") }}" alt="{{ link.image.title }}">

<div class="sidebar-description">
{{ link.image.description|raw }}
</div>


</a>

{% else %}
<div class="sidebar-item sidebar-link-item">
<a href="{{ app.request.basepath }}/{{ link.image.webpath }}">

<img src="/images/{{ app.request.basepath }}/{{ link.image.getPreview() }}" />
</a>
<div class="sidebar-title">
<a href="{{ app.request.basepath }}/{{ link.image.webpath }}">
{{ link.image.title|raw }}
</a>
</div>
</div>
{% endif %}
{% endfor %}

<script>
jQuery(".page-sidebar a").on("click") {
jQuery(document).ready(function(
$(  "a[href$=""{{ app.request.basepath }}"/"{{ link.image.getWebPath() }}""]").abigimage();

});
</script>
</div>
{% endblock %}

{% block body_javascripts %}
{% javascripts output="aBigImage.js"
"@CtrlBlnHomepageBundle/Resources/public/js/Minimal-jQuery-Image-Viewer-with-Image-Preloading-ABigImage/abigimage.jquery.min.js"
%}
<script type="text/javascript" src="{{ asset_url }}"></script>
{% endjavascripts %}
{% endblock %}

я отримую помилку для:

$(  "a[href$=""{{ app.request.basepath }}"/"{{ link.image.getWebPath() }}""]").abigimage();

Я думаю, що це синтаксична помилка, але я не можу її знайти ... дякую!

Відповіді:

Ви посилаєтеся посилання змінна зовні за петля

Не впевнений, чому ви створюєте вторинний селектор, переключення його на це має спрацювати

$(function() {
$(".page-sidebar a").abigimage();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://www.darkbee.be/abigimage.jquery.min.js"></script>

<div class="page-sidebar">
{% for link in entity.getSidebarImages() %}
{% if link.image.isFoto() %}
<a href="{{ app.request.basepath }}/{{ link.image.getWebPath() }}">
<img src="/images/{{ app.request.basepath }}/{{ link.image.getWebPath("thumbnail_250") }}" alt="{{ link.image.title }}">
<div class="sidebar-description">{{ link.image.description|raw }}</div>
</a>
{% else %}
<div class="sidebar-item sidebar-link-item">
<a href="{{ app.request.basepath }}/{{ link.image.webpath }}">
<img src="/images/{{ app.request.basepath }}/{{ link.image.getPreview() }}" />
</a>
<div class="sidebar-title">
<a href="{{ app.request.basepath }}/{{ link.image.webpath }}">
{{ link.image.title|raw }}
</a>
</div>
</div>
{% endif %}
{% endfor %}
</div>