jquery .fadeto影響圖像之間閃爍（工具提示）

Question

我正在使用jQuery的fadeTo效果爲一堆圖像的表頂部的一些工具提示。

除了一個細節外，這是完美的工作。當我將鼠標拖拽到兩個圖像之間（觸摸時）時，從第一個圖像工具提示切換到第二個圖像提示時會出現短暫的「閃爍」。

我想不出一種辦法來阻止這種情況的發生。在那兒？

這裏是我用於使用qtip的工具提示的JavaScript。

$('.tipper').each(function() 
    { 
     $(this).qtip({ 
     content: $(this).attr('tooltip'), // Use the tooltip attribute of the element for the content 
     position: {target: 'mouse', adjust: {x: 20 }}, 
     show: { effect: function() { $(this).fadeTo(300, 0.9);}, length:0}, 
     hide: { effect: 'none', length:0, delay:0 }, 
     style: { border: { width: 2, radius: 0 , color: '#fff'} ,width: 200, name: 'light', fontFamily: 'Arial', 'font-size': '12px', 'letter-spacing': 1, lineHeight:1.6, textAlign:'center', textTransform:'uppercase', fontWeight:'bold'}, 
     }); 
    }); 

Answer 1

我不是100％肯定，但也許這將更好地工作：

$('.tipper').qtip({ 
    content: $(this).attr('tooltip'), 
    // Use the tooltip attribute of the element for the content 
    position: {target: 'mouse', adjust: {x: 20 }}, 
    show: { effect: function() { $(this).fadeTo(300, 0.9);}, length:0}, 
    hide: { effect: 'none', length:0, delay:0 }, 
    style: { border: { width: 2, radius: 0 , color: '#fff'} , 
      width: 200, 
      name: 'light', 
      fontFamily: 'Arial', 'font-size': '12px', 'letter-spacing': 1, 
      lineHeight:1.6, 
      textAlign:'center', 
      textTransform:'uppercase', 
      fontWeight:'bold' }, 
});