Làm cách nào để ngăn chặn chú giải công cụ jquery.qtip2 ẩn khi chuột ở trên đầu?

Question

Sử dụng jquery qTip2 cho chú giải công cụ.

Tôi có chú giải công cụ có liên kết trong đó. Tôi muốn mẹo để ở trạng thái mở nếu chuột của người dùng vào đầu (không phải trình kích hoạt). Có vẻ như không thể tìm ra cách thực hiện điều đó trong documentation ....

Answer 1

Nếu bạn muốn nó vẫn hiển thị khi bạn di chuột qua và vào đầu, nhưng vẫn muốn nó loại bỏ khi di chuột ra, hãy sử dụng giá trị cố định và các tùy chọn trì hoãn là described in the documentation here:

$('.selector').qtip({ 
    content: { 
      text: 'I hide on mouseout, but you can mouse into me within 500ms', 
    }, 
    hide: { 
      fixed: true, 
      delay: 500 
    } 
}); 

Thông số ẩn có nhiều tùy chọn. Ví dụ, nếu bạn chỉ muốn không giấu nó vô thời hạn, chỉ cần đặt ẩn false:

$('.selector').qtip({ 
    content: { 
     text: 'I never hide', 
    }, 
    hide: false 
}); 

Nếu bạn muốn nó để ẩn trên một sự kiện khác nhau, chẳng hạn như cách nhấn vào bất cứ nơi nào bên ngoài mũi, thiết lập sự kiện này một cách rõ ràng:

$('.selector').qtip({ 
    content: { 
      text: 'I hide when you click anywhere else on the document', 
    }, 
    hide: { 
      event: 'unfocus' 
    } 
}); 

Nếu bạn muốn nó ẩn khi kích hoạt được nhấp, chỉ rõ sự kiện click:

$('.selector').qtip({ 
    content: { 
      text: 'I hide when you click the tooltip trigger', 
    }, 
    hide: { 
      event: 'click' 
    } 
}); 

Xem đặc biệt the "hide" options documentation để biết thêm.

Answer 2

Nếu bạn muốn mũi ở lại mở và sau đó ẩn nó khi người dùng nhấp ngoài mục tiêu hoặc rời khỏi mục tiêu:

show: { 
    event: 'mouseover' 
}, 

hide: { 
    event: 'click mouseleave' 
}