如何使用Fancybox3＆amp ;;加载ajax灯箱没有数据属性的jquery

Question

来自noob的问题。

我有一个链接

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

我有一个page.html

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

如何使用Fancybox3加载#two div ajax lightbox 不用通过添加数据属性来更改链接，例如＆＃34; data-fancybox＆＃34;或＆＃34; href =＆＃34;到＆＃34; data-src =＆＃34;覆盖。

对不起我的英格兰：）

Answer 1

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

Answer 2

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

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

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