2011-06-16 65 views
2

我正在使用qTip插件进行工具提示。在IE9中,qTip出现时会“滑动”。有时它从屏幕顶部滑入,有时从左侧滑入,看似随机。一切正常,就像它在其他浏览器中一样 - qTip以正确的样式显示,并且当我离开元素时正常消失。IE9中的jQuery qTip - 滑动动画

我剥离下来到所有默认值,所以我的代码现在

$('.myclass').qtip({}); 

是什么原因造成IE9,使工具提示滑入这样呢?有没有办法阻止它?在我试过的每一个浏览器中,都会出现工具提示。 IE9动画并不可怕,但有点让人分心。

是否有人在IE9中使用qTip?你看到这种行为?

编辑:滑动行为是可预测的(不是随机的,如上所述)。第一次触发qTip时,它会从左上角滑入。第二次及以后,你触发特定的qTip,它将从左侧水平滑动。

+0

我可以得到的jsfiddle?什么什么! – Fresheyeball 2011-08-11 00:38:16

回答

2

如果您正在使用qtip的第一个版本,你可以看看这个forum职位的解决方案。看起来你需要修改插件才能解决问题。如果这不起作用,您还可以尝试此post中的解决方案。

1

您是否设置了自己的位置?

<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> 

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

+0

是的,我有位置设置(在剥离出问题的所有内容之前)。 – matt 2011-06-21 18:26:55

1

这消除或设置滑动性能:

$('.tip').qtip({ 
     position: { 
      effect: false 
     } 
    });