javascript - 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}}">