Je ne peux pas appeler jQuery, probablement à cause d'une erreur de syntaxe - php, jquery, symfony, twig

J'utilise aBigImage Jquery et pendant que je suis les instructions données, j'obtiens une erreur 500 disant que la variable "link" n'existe pas. Pouvez-vous m'aider s'il vous plaît? le code suivant est ce que j'ai écrit:

{% 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 %}

l'erreur que j'obtiens est pour:

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

qui je pense est une erreur de syntaxe mais je ne le trouve pas ... merci!

Réponses:

Vous faites référence lien variable à l'extérieur pour boucle.

Vous ne savez pas pourquoi vous créez un sélecteur secondaire, le basculer vers cela devrait fonctionner

$(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>