Jquery 可拖动的qTip

我在这里尝试获取qtip示例：

这样，当猫头鹰的图像移动时，qtip也随之移动（并保持在右上角）

谢谢

奖金问题。。我还试图有一个悬停边界出现在猫头鹰周围以及鼠标上方

下面是实现这种类型qtip的代码：

<script type="text/javascript">
// Only create tooltips when document is ready
$(document).ready(function()
{
   // Use the each() method to gain access to each of the elements attributes
   $('#content img').each(function()
   {
      $(this).qtip(
      {
         content: '<a href="#">Edit</a> | <a href="#">Delete</a>', // Give it some content
         position: 'topRight', // Set its position
         hide: {
            fixed: true // Make it fixed so it can be hovered over
         },
         style: {
            padding: '5px 15px', // Give it some extra padding
            name: 'dark' // And style it with the preset dark theme
         }
      });
   });
});
</script>

//仅在文档准备就绪时创建工具提示
$（文档）.ready（函数（）
{
//使用each（）方法可以访问每个元素属性
$（“#内容img”）。每个（函数（）
{
$（此）.qtip(
{
内容：“|”，//给它一些内容
位置：'右上'，//设置其位置
隐藏：{
修正：true//使其修正，以便将其悬停在
},
风格：{
填充：“5px15px”//给它一些额外的填充
名称：'dark'//并使用预设的深色主题设置样式
}
});
});
});

---

我不知道为什么文档没有对我大声回答

下面是一个qtip弹出窗口可拖动的示例

---

使用正确的外部资源链接更新了上面的Fiddle：