javascript - 从 poup ajax 获取 fancybox 调用

Question

我的 View 中有 popupajax 可以打开 fancybox

这是它的代码

 <div class="name"><%= popup_ajax hotel.name, hotel_info_path(hotel) %></div>

编译时看起来像这样

<div class="name"><a class=" fancybox" data-type="ajax" data-src="/hotel_info/72721" data-options="{&quot;touch&quot;:false,&quot;baseClass&quot;:null}" href="javascript:;">Ibis London Thurrock M25</a></div>

当这个 fancybox 通过 JS 打开并在 div 中发布 map 时，我需要捕获事件，即在 fancybox 内容中

例如，我试图这样做

 $(".name").click(function(){
    $("a.fancybox").fancybox({
      beforeShow: function(){
        alert("Here");
      }
    });
  })

但我没有收到警报。

我怎样才能做到这一点？

Answer 1

您的代码工作得非常好(稍作调整)，请参阅此演示 - https://codepen.io/anon/pen/MXmyZq?editors=1010

了解 $(selector).fancybox() 的作用非常重要 - 通过执行 .fancybox() 方法，您可以将点击事件附加到所选元素)启动 fancybox (请参阅文档 - https://fancyapps.com/fancybox/3/docs/#usage )

基本上 - 您已经创建了将另一个单击事件处理程序附加到您的元素的单击事件。只需删除不必要的点击事件即可。

但是，如果您确实想从点击处理程序中启动 fancybox，那么您必须使用 $.fancybox.open() 方法(请参阅 https://fancyapps.com/fancybox/3/docs/#api 示例)。