IE9 中的 jQuery qTip - 动画滑动

发布于 2024-11-16 05:50:27 字数 456 浏览 5 评论 0原文

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

我将其精简为所有默认值,所以我的代码现在是

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

What is Causeing IE9 to make the tool Tips slip in like that?有办法阻止吗?在我尝试过的所有其他浏览器中,工具提示都会出现。 IE9 的动画并不可怕,但有点让人分心。

还有人在 IE9 中使用 qTip 吗?您看到这种行为了吗?

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

I'm using the qTip plugin for tooltips. In IE9, the qTip "slides" in when it appears. Sometimes it slides in from the top of the screen, sometimes from the left, seemingly randomly. Everything else works fine, just like it does in other browsers -- the qTip displays with the correct styles, and disappears normally when I leave the element.

I'm stripped it down to all defaults, so my code is now

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

What is causing IE9 to make the tool tips slide in like that? Is there a way to stop it? In every other browser I've tried, the tool tip just appears. The IE9 animation is not terrible, but kind of distracting.

Is anyone else using qTip in IE9? Are you seeing this behavior?

Edit: the sliding behavior is predictable (not random, as stated above). The first time you trigger a qTip, it will slide in from the upper left-hand corner. The second and subsequent times you trigger that particular qTip, it will slide in horizontally from the left-hand side.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

绮烟 2024-11-23 05:50:27

如果您使用的是 qtip 的第一个版本,您可以看看这个 论坛 帖子寻求解决方案。看来您需要修改插件才能解决该问题。如果这不起作用,您还可以尝试此解决方案 帖子

If you are using the first version of qtip you can take a look at this forum post for a solution. It looks like you will need to modify the plugin in order to fix the issue. If that doesn't work you can also try the solution in this post.

深巷少女 2024-11-23 05:50:27

你设置了它的位置吗?

<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

Did you set its position?

<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

年少掌心 2024-11-23 05:50:27

这会删除或设置滑动行为:

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

This removes or sets the sliding behavior:

    $('.tip').qtip({
        position: {
            effect: false
        }
    });
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文