Tag: magnific popup

如何在HTML中定义内联内容库以与Magnific-Popup一起使用？

我在页面上有许多画廊，它们是从各自的按钮启动的。 我喜欢在按钮旁边的页面中为画廊定义标记然后使用.mfp-hide的.mfp-hide 。 但是，当我添加delegate关键字时，我无法激活弹出窗口（否则）。 这是我到目前为止的代码， HTML … some content for slide 1 … … some content for slide 2 … Blah blah view gallery one blah blah … 使用Javascript $(‘.open-gallery-link’).magnificPopup({ type:’inline’, delegate:’.slide’, gallery: { enabled: true } });

Magnific popup：获取回调中的当前元素

在Magnific Popup中，我想在链接中获取一个属性，并在回调函数中使用它（使用回调：open）在DOM中进行一些更改。 我怎样才能做到这一点？ 例如，在下面的代码中，它应该返回’it works’到控制台。 相反，它打印’不工作’。 请帮忙！！ Show inline popup $(document).ready(function() { $(‘.open-popup-link’).magnificPopup({ type:’inline’, midClick: true, callbacks: { open: function() { if ($(this).attr(‘myatt’)==”hello”) { // do something console.log(“it works”); } else { console.log(“doesnt work”); } }, close: function() { } } }); }); Popup content