我见过这个问题的几种不同变体,但似乎都没有帮助。我只是想从一个 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 anchor 中,我认为这是一个菜鸟错误。如果有帮助,我对 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);
});
最佳答案
为什么不直接将 fancybox
类和 href
添加到您的 div 元素:
<div class="fancybox port web" href="image/bg.jpg">Website</div>
触发元素是 anchor 还是 div 或其他什么都没有关系。如果您要使用 v3,那么您只需添加 data-fancybox
和 data-src
属性,它就可以在不编写任何 JS 行的情况下工作。
关于jquery - 从 div 触发花式框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43625999/