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

Magnific popup需要元素上的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>

jQuery Magnific Popup根本不工作

2 个答案: