2013-05-22 37 views
8

Khi tôi lặp lại di chuyển trên một phần tử, jQuery tooltip dường như nhảy xung quanh. Tôi nghĩ có lẽ đó là vì nó đang va chạm với chính nó, vì vậy tôi đặt tùy chọn va chạm thành none nhưng điều đó không giúp được gì.Chú giải công cụ jQueryUI nhảy xung quanh

Đây có phải là lỗi không? Làm thế nào tôi có thể làm cho nó không nhảy xung quanh?

+2

Bạn có thể chia sẻ mã bạn đang gặp sự cố và có thể ví dụ [JSFiddle] (http://www.jsfiddle.net) không? –

+0

đây là lần đầu tiên tôi sử dụng JSFiddle, hy vọng nó hoạt động http://jsfiddle.net/kteXP/1/ – happygilmore

+0

Trên trang của tôi vị trí của đầu phụ thuộc vào kích thước của đầu vừa được hiển thị. Với 3 mục trong danh sách nếu tôi lơ lửng trên đầu tiên và sau đó thứ hai tip luôn ở cùng vị trí, và luôn ở một vị trí khác nếu tôi đi từ thứ ba trở lại thứ hai. Và một vị trí khác một lần nữa sau khi rời khỏi danh sách và quay trở lại mục 2. Mức bù bằng với kích thước của chú giải công cụ được hiển thị trước đó. Nghe có vẻ như một lỗi đối với tôi. – Craig

Trả lời

20

Tôi đặt lớp .ui-tooltip thành có position: absolute dường như đã hoạt động, không chắc chắn liệu sẽ có hậu quả không mong muốn hay không?

+2

tôi đã có cùng một vấn đề, sau khi giải quyết vấn đề này giải quyết, tnx – RezaSh

+1

Tôi đã được thiết lập để vị trí: tuyệt đối và điều này đã không giải quyết nó. Bất kỳ ý tưởng nào khác? – Trevor

+0

"tuyệt đối" phù hợp với tôi. cảm ơn! – dnns

6

Dường như phương thức của Happygilmore không còn hoạt động (và như ông nói, cũng là một cách tiếp cận mạo hiểm). Tôi đề nghị sử dụng Tooltip Widget API bằng cách thiết lập các tùy chọn sau:

position: { 
    collision: 'none' 
}, 
hide: false 

Tùy chọn collision: none dừng jQuery UI từ cố gắng làm bất cứ điều gì ưa thích để giải quyết va chạm và hide: false dừng nó từ việc sử dụng một hình ảnh động mờ dần để loại bỏ dần các tooltip; sự chậm trễ gây ra va chạm xảy ra ngay từ đầu. Theo ý kiến ​​của tôi, nó có vẻ tốt mà không có hình ảnh động mờ dần.

+0

'va chạm: none' có nghĩa là chú giải công cụ đã thoát khỏi cạnh của trang, đối với tôi, nhưng' hide: false' dường như dừng nhảy xung quanh. –

Các vấn đề liên quan