宏大弹出不工作在shopify

我正在定制magnify弹出式Shopify网站。在我的header.liquid文件我打电话给magnific popup内容。宏大弹出不工作在shopify

<button id="open-popup" >Open popup</button> 
<div id="my-popup" class="mfp-hide"> 
    popup content here. 
</div>

在这里，我已经在添加脚本theme.js.liquid

$('#open-popup').magnificPopup({ 
    items: [ 
    { 
     src: '#my-popup', 
     type: 'inline' 
    } 
    ], 
    gallery: { 
    enabled: true 
    }, 
    type: 'image' 
});

，但它显示了以下错误

TypeError: $(...).magnificPopup is not a function

如果有人请告诉我，如果我我错过了像js库文件。

在此先感谢。

来源

2017-07-28 Pasupathi Thangavel

我发现这个问题的实际问题。一些主题在theme.js.liquid文件中有默认的放大弹出库。

我的新主题布鲁克林已经有了丰富的弹出库。所以它现在工作的很好。

所以请用theme.js.liquid查看是否有巨大的弹出库存在或不存在。

来源

2017-08-07 06:27:14

你确定包含jQuery吗？如果是这样，是否在magnificPopup之前导入？

来源

2017-07-31 07:01:27 Svidlak

宏大弹出不工作在shopify

回答

相关问题