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>