IE9 中的 jQuery qTip - 动画中的滑动答案

【问题标题】：jQuery qTip in IE9 - Sliding in animationIE9 中的 jQuery qTip - 动画中的滑动
【发布时间】：2011-06-16 23:30:41
【问题描述】：

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

我将其剥离为所有默认值，所以我的代码现在是

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

是什么导致 IE9 使工具提示像这样滑入？有没有办法阻止它？在我尝试过的所有其他浏览器中，工具提示都会出现。 IE9 动画并不可怕，但有点让人分心。

还有其他人在 IE9 中使用 qTip 吗？你看到这种行为了吗？

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

【问题讨论】：

我可以得到一个 jsfiddle 吗？什么什么！

标签： jquery internet-explorer-9 qtip

【解决方案1】：

如果您使用的是 qtip 的第一个版本，您可以查看此forum 帖子以获取解决方案。看起来您需要修改插件才能解决问题。如果这不起作用，您还可以尝试post 中的解决方案。

【讨论】：

【解决方案2】：

你设置好它的位置了吗？

<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

【讨论】：

是的，我已经设置好了位置（在为问题删除所有内容之前）。

【解决方案3】：

这会移除或设置滑动行为：

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

【讨论】：