Magnific排除链接

Question

有没有办法让Magnific Popup忽略链接？

<div id="floor-plans">
    <a href="/path/to/image">Title goes here</a><a href="www.360tour.com">360 degree Tour</a>
</div>

我想忽略第二个链接，因为它是指向弹出窗口的链接。

Answer 1

你是如何初始化Magnific Popup的？如果您在<a>标签上指定了一个您想要弹出的类，则可以在初始化Magnific Popup时将其用作选择器。像这样：

HTML：

<div id="floor-plans">
    <a class="magnific" href="/image1">Title goes here</a><a href="...">Outside link</a>
    <a class="magnific" href="/image2">Title goes here</a><a href="...">Outside link</a>
    <a class="magnific" href="/image3">Title goes here</a><a href="...">Outside link</a>
</div>

JavaScript的：

$(function () {
    $(".magnific").magnificPopup({type:'image'});
});

类magnific的链接会触发Magnific Popup，但没有其他链接。