jQuery UI giữ chú giải công cụ mở để gỡ lỗi (để tạo kiểu)

Question

Tôi đang cố gắng tạo kiểu cho chú giải công cụ jQuery UI nhưng nó vẫn đóng. Tôi đã thử những điều sau đây mà không thành công:

$("td label").tooltip({ 

    disabled: true, 
    close: function (event, ui) { return false; } 

}).on("click", function() { 

    $(this).tooltip("open"); 
}).off('focusout mouseleave mouseenter'); 

Không có gì có vẻ giữ nó mở. Khi tôi nhấp chuột phải vào nó để đi đến Firebug, nó biến mất trước khi tôi có cơ hội.

Answer 1

Gọi phương pháp mở trên tooltips của bạn, điều đó sẽ làm cho họ ở lại mở

$("td label").tooltip().tooltip("open"); 

Answer 2

Nếu chỉ nhằm mục đích gỡ lỗi, tại sao không sử dụng the hide option và đặt thời lượng thực sự dài.

$("td label").tooltip({ hide: {duration: 1000000 } }); 

Answer 3

Cả hai câu trả lời trước đó đã không giúp tôi như một đã không làm việc trên tooltips không được ủy quyền, trong khi với phương pháp khác tôi không thể chơi xung quanh với CSS trong bảng điều khiển dev. Chú giải công cụ vẫn ở trạng thái mở, nhưng tôi không thể bỏ chọn bất kỳ hộp kiểm nào đối với bất kỳ CSS nào như bình thường hoặc nhập nhiều CSS hơn - để truy cập giải pháp trước khi triển khai.

Cuối cùng tôi đã sử dụng câu lệnh trình gỡ lỗi để ngắt mã sau khi đã mở chú giải công cụ.

Ví dụ:

jQuery(".myElement").tooltip({ 
    open: function (event, ui) {    
      debugger; 
    } 
}); 

Khi breakpoint được hit, đánh giá này trong bảng điều khiển

$(".ui-tooltip-content") 

Và sau đó click chuột phải vào kết quả thẩm định trong giao diện điều khiển và chọn Reveal trong bảng Elements để làm việc với nó giống như bất kỳ phần tử nào khác trên trang. Điều này đặc biệt hữu ích khi nội dung tooltip được xây dựng động (như trong trường hợp của tôi).

Answer 4

Tùy chọn tốt hơn là tạm dừng thực thi js.

1. mở Bảng điều khiển
2. Đổi thành Sources
3. Hover một cái gì đó cho tooltip xuất hiện
4. nút F8 Bấm (có thể khác nhau, di chuột vào biểu tượng Pause để kiểm tra các phím nóng)

Answer 5

Đối v4.1.5 của tooltipster sử dụng tùy chọn trễ như thế này.

$('.tooltip').tooltipster({ 
    interactive:true, 
    animation: 'grow', 
    delay:[100, 10000000] 
}); 

Giá trị trễ thứ hai, chỉ định độ trễ đóng cho chú giải công cụ. Tham chiếu: http://iamceege.github.io/tooltipster/#options