Jquery 从div触发花式盒子？

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

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

我正在寻找一种方法来点击.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);
    });

$（文档）.ready（函数（）{
$（'.web'）.animate（{左：'12.5em'，上：'6.5em'，3500）；
});

为什么不将

fancybox

类和

href

添加到div元素中：

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

网站

---

不管您的触发器元素是锚点还是div，或者其他什么。如果您使用v3，那么您只需添加

datafancybox

和

datasrc

属性，就可以不用编写一行JS了。

您的代码看起来还可以。这对你不起作用吗？@yuvalsab是的，但当jquery被添加到div中时就不起作用了。我会用jquery@yuvalsab我刚刚在我的问题中添加了脚本我工作了！但是，没有用于单击链接的指示器，因为当鼠标悬停时，不会显示该点以感谢帮助

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