在鼠标悬停时打开带有iFrame的弹出窗口

Question

我正在处理这个需要此功能的项目。 当我将鼠标悬停在图像上时，它应该在它旁边打开一个小方框（如工具提示）并在那里加载一个链接（可能是一个iFrame）。

 <script>
  $(function() {
    $( document ).tooltip();
  });
  </script

我尝试通过工具提示（尝试操纵tolltip，以便它可以打开一个小盒子并加载iFrame）来做到这一点，但这并没有起作用。 由于我对JavaScript / jQuery的了解有限。我无法找到任何可行的解决方案。

我应该怎样做才能让它像需要一样工作？

任何建议都表示赞赏。

Answer 1

你可以做这样的事情

Demo

html：

<div id="hoverMe">Hover over here</div>
<iframe id="tooltip" src="http://jsfiddle.net"></iframe>

jQuery：

$('#hoverMe').hover(function () {
    $('#tooltip').fadeIn();
}, function () {
    $('#tooltip').fadeOut();
});