Làm qTip không biến mất khi lơ lửng chú giải công cụ

Question

Tôi đang sử dụng qTip: http://craigsworks.com/projects/qtip2 và vấn đề hiện tại của tôi là khi tôi di chuyển chú giải công cụ nó biến mất (vì mục tiêu là mouseleave/mouseout).

Có cách nào để làm cho nó hiển thị khi tôi di chuột qua chú giải công cụ không? Tôi đặt chú giải công cụ sao cho bên phải của nó dưới mục tiêu để không có khoảng trống giữa mục tiêu và chú giải công cụ.

Answer 1

Sử dụng fixed: http://craigsworks.com/projects/qtip2/docs/hide/#fixed

Bạn có thể muốn thêm một delay cũng trước tooltip biến mất, trong trường hợp có một số khoảng cách giữa yếu tố kích hoạt của bạn và các tooltip.

ví dụ:

$('.moreinfo').qtip({ 
    content: { 
     text: $('<p>This is a tooltip.</p>') 
    }, 
    show: { 
     effect: function() { $(this).fadeIn(250); } 
    }, 
    hide: { 
     delay: 200, 
     fixed: true, // <--- add this 
     effect: function() { $(this).fadeOut(250); } 
    }, 
    style: { 
     classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' 
    } 
}); 

Hy vọng điều đó sẽ hữu ích.

Answer 2

Sử dụng cố định: đúng cũng như nghỉ: false

Vấn đề bạn có thể gặp phải là khi bạn rời khỏi mục tiêu qtip nó được cất giấu.

Answer 3

Vì một số lý do, chỉ sử dụng fixed:true không hiệu quả đối với tôi. Thay vào đó, tôi đã phải sử dụng các cấu hình này (v3.0.3):

hide: { 
    fixed: true, 
    delay:90, 
}, 
position: { 
    viewport: $(window) 
},