问题描述
我正在使用barba js,通常使用PHP列出图像。但是,当我单击“花式框”时,“花式框”窗口将打开并再次关闭。
列表
<a href="http://localhost/upload/pages/home/home_3894.png" data-fancybox="images" data-caption="aaa">
<img class="product-image main-image" src="http://localhost/upload/pages/home/home_3894.png" data-image-id="64>
</a>
<a href="http://localhost/upload/pages/about/about_3895.png" data-fancybox="images" data-caption="aaa">
<img class="product-image main-image" src="http://localhost/upload/pages/about/about_3895.png" data-image-id="66>
</a>
jQuery('[data-fancybox]').fancybox({
backFocus: false,buttons: [
"zoom","share","slideShow","fullScreen","download","thumbs","close"
],thumbs: {
autoStart: true,},});
解决方法
以这种方式尝试。 防止数据遭到破坏
<a href="..." data-barba-prevent><img></a>