如何在任何 div 悬停时打开弹出 Iframe 灯箱答案

【问题标题】：How to open pop up Iframe lightbox on hover of any div如何在任何 div 悬停时打开弹出 Iframe 灯箱
【发布时间】：2015-06-02 06:48:59
【问题描述】：

有没有办法在任何 div 悬停时打开弹出 Iframe 灯箱。如果你们中的任何人都知道这样的例子，请在此处发布链接

谢谢

【问题讨论】：

标签： iframe lightbox

【解决方案1】：

使用 colorbox，一个 jquery Lightbox 替代方案。很简单，你可以使用锚元素：

<a class="youtube cboxElement" href="http://www.youtube.com/embed/VOJyrQa_WR4?rel=0&amp;wmode=transparent">Flash / Video (Iframe/Direct Link To YouTube)</a>

查看Demos

如果您希望弹出窗口出现在悬停时，我认为您必须自己自定义它，通过向可悬停元素添加事件侦听器：

$('#hoverableElement').hover( 
      function(){
           $('#hoverableElement').colorbox();
      } , 
      function(){
           $.colorbox.close();
      }  
);

您要触发弹出窗口的元素的 ID 为“hoverableElement”。

【讨论】：

感谢您的回复，点击事件没问题，但我需要悬停
如果您希望弹出窗口出现在悬停时，您可能必须在您的元素上添加自定义事件侦听器（用于悬停事件）。我在下面更新了我的帖子。