javascript - 如何在没有数据属性的情况下使用 Fancybox3 和 jquery 加载 ajax 灯箱

Question

一个菜鸟的问题。

我有一个链接

<a href="/page.html">Link</a>

我有一个 page.html

<div id="one">
<div id="two">
something
</div>
</div>

如何使用 Fancybox3 ajax 灯箱加载#two div，而不通过将“data-fancybox”或“href=”等数据属性添加到“data-src=”覆盖来更改链接。

对不起我的英格兰人:)

Answer 1

您可以将自定义点击事件添加到您的链接，然后手动打开 fancybox。

Answer 2

我不确定，但它应该是这样的：

$.fancybox.open({
    src: '/page.html',
    type: 'ajax',
    opts : {
        selector : 'two'
    }
})

如果您不想修改链接，则需要自定义点击事件。您可以使用 $(this) 或 $(e.target) 来获取您单击的元素以获取带有链接的 .attr('href') 。