jquery - qTip，可拖动

Question

我试图在这里获取 qtip 示例:

http://craigsworks.com/projects/qtip/demos/position/fixed

这样当猫头鹰的图像移动时，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>

我不知道为什么文档没有给我答案!

Answer 1

这是一个 qtip 弹出窗口可拖动的示例。

http://jsfiddle.net/cagura/VunSW/