jQuery Magnific Popup совсем не работает

Question

У меня проблема с плагином jQuery Magnific Popup, я сделал то, что я прочитал в документации, но он не работает, когда я нажимаю ссылку, которую изображение не открывается в всплывающее окно. И у меня нет ошибок.

<a class="thumbnail" href="{{case.image}}" title="{{case.description}}"> 
    <img ng-src="{{case.image}}"> 
</a> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.thumbnail').magnificPopup({ 
      type: 'image', 
      delegate: 'a' 
     }); 
     console.log('ok'); 
    }); 
</script> 

мне так жаль, если это новичок ошибка, но я искал везде, и я не вижу, что не случилось, ничего плохого в консоли ... Может быть, есть проблема с AngularJs, но я не эксперт ...

Большое вам спасибо за помощь.

я принимала мое приложение, чтобы помочь вам увидеть, что случилось: http://azilizblanchet.fr/CameleonCatalogue/#/services

Answer 1

Попробуйте удалить опцию делегата.

Просто:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.thumbnail').magnificPopup({ 
      type: 'image' 
     }); 
     console.log('ok'); 
    }); 
</script> 

Answer 2

Magnific всплывающее окно требует HREF атрибута элемента. Просто добавьте его в тег изображения, и он должен работать.

<img ng-src="{{case.image}}" href="{{case.image}}">