JQuery-Script funktioniert nicht

Ich möchte auf einer Shopseite (“Presseartikel”) neben den Bildern auch PDFs in einer Lightbox öffnen. Bei den Bildern funktioniert dies ja recht einfach mittels data-lightbox=“true”, aber bei PDFs geht das leider nicht. Also habe ich folgenden Code in die custom/index.tpl gesetzt:

{block name="frontend_index_header_javascript"}
    
        jQuery(document).ready(function() {
            $("a.iframepdf").fancybox({
                'width': 640,
                'height': 480,
                'type': 'iframe'
            });
        });
    
{/block}

Dieser wird auch bei Aufruf der Seite geladen, aber die PDF-Links reagieren darauf leider nicht. Natürlich wurde beim a-Tag des PDF-Links die class “iframepdf” hinterlegt.