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

宏弹出框要求元素上的href属性。 只需将其添加到图片标签中，即可正常使用。

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

Answer 2

尝试删除委托选项。

只是：

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