IE9中的jQuery qTip - 滑動動畫

我正在使用qTip插件進行工具提示。在IE9中，qTip出現時會「滑動」。有時它從屏幕頂部滑入，有時從左側滑入，看似隨機。一切正常，就像它在其他瀏覽器中一樣 - qTip以正確的樣式顯示，並且當我離開元素時正常消失。IE9中的jQuery qTip - 滑動動畫

我剝離下來到所有默認值，所以我的代碼現在

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

是什麼原因造成IE9，使工具提示滑入這樣呢？有沒有辦法阻止它？在我試過的每一個瀏覽器中，都會出現工具提示。 IE9動畫並不可怕，但有點讓人分心。

是否有人在IE9中使用qTip？你看到這種行爲？

編輯：滑動行爲是可預測的（不是隨機的，如上所述）。第一次觸發qTip時，它會從左上角滑入。第二次及以後，你觸發特定的qTip，它將從左側水平滑動。

來源

2011-06-16 matt

我可以得到的jsfiddle？什麼什麼！ – Fresheyeball 2011-08-11 00:38:16

如果您正在使用qtip的第一個版本，你可以看看這個forum職位的解決方案。看起來你需要修改插件才能解決問題。如果這不起作用，您還可以嘗試此post中的解決方案。

來源

2011-08-08 18:14:34 amurra

您是否設置了自己的位置？

<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

來源

2011-06-17 00:24:01 zod

是的，我有位置設置（在剝離出問題的所有內容之前）。 – matt 2011-06-21 18:26:55

這消除或設置滑動性能：

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

來源

2014-10-31 10:50:45

IE9中的jQuery qTip - 滑動動畫

回答

相關問題