Question

我已经看到了这个问题的几个不同的变化，但似乎没有帮助。我只是想从div中触发fancybox。我有一个div：

<div class="port web">Website</div>

这个div有一定的CSS功能：

  .web{
    font-size: 80px;
    color: rgba(255,0,0,.8);
    font-family: 'Luckiest Guy', cursive;
}

我正在寻找一种方法来点击.web打开一个精美的盒子。我是一个业余爱好者，我试图将div放入fancybox锚点，我认为这是一个菜鸟错误。如果有帮助，我对jquery有一些了解。感谢。

 <a class="fancybox" rel="group" href="image/bg.jpg"><div class="port web">Website</div><img src="small_image_1.jpg" alt=""></a>



 $(document) .ready(function(){

         $('.web').animate({left:'12.5em', top:'6.5em'}, 3500);
    });

Answer 1

为什么不将fancybox类和href添加到div元素中：

<div class="fancybox port web" href="image/bg.jpg">Website</div>

如果你的触发元素是锚或div，或者其他什么都没关系。如果您使用v3，那么您可以添加data-fancybox和data-src属性，只需编写一行JS就可以使用。

触发div的花式盒子？

1 个答案: