jquery. 이미지 사이의 효과가 깜박입니다 (툴팁)

Question

이미지 묶음의 테이블 위에 몇 개의 툴팁에 대해 jquery fadeTo 효과를 사용하고 있습니다.

하나의 세부 사항을 제외하고는 완벽하게 작동합니다. 마우스를 두 이미지 (움직이는 이미지) 사이로 드래그하면 첫 번째 이미지 툴팁에서 두 번째 이미지로 전환 할 때 간단한 "깜박임"이 생깁니다.

나는 이런 일이 일어나지 않게하는 방법을 생각할 수 없다. 거기 있니?

여기 qtip을 사용하는 툴팁에 사용하는 자바 스크립트입니다.

$('.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' }, 
});