Công cụ Bootstrap-Mẹo không đóng trên Trang Cuộn trong IE-8 tới IE-11

Question

Tôi đang gặp vấn đề này trong IE-8 đến IE-11.

1. Hover một nhãn (vv) với mẹo công cụ kích hoạt
2. Bây giờ di chuyển trang với cuộn chuột mà không cần di chuyển chuột.
3. Lưu ý: Mẹo công cụ không đóng (IE-8 đến IE-11).

Tôi có tất cả các nhãn với các mẹo công cụ trong khi tôi cuộn xuống và tiếp cận nhãn thứ hai bằng đầu công cụ nó vẫn hiển thị mẹo công cụ nhãn trước thay vì mới. Vấn đề là nhỏ nhưng tôi đang làm việc để sửa chữa bất kỳ vấn đề nào trước đây đã khắc phục vấn đề này? Làm việc tốt trong Firefox, Chrome và các trình duyệt phổ biến khác.

Được đăng trên GitHub.

Issue can be observed on bootstrap website as well.

Answer 1

Vì vậy, tôi đã làm một số xét nghiệm và các vấn đề xảy ra trên Chrome là tốt. Chỉ đến khi bạn nhấp vào chú giải công cụ mà Chrome hoạt động và IE thì không.

Tìm hiểu kỹ hơn về vấn đề này, có vẻ như cả hai trình duyệt đều không nhận ra sự kiện mousemove khi bạn đang cuộn. Vì vậy, nếu bạn di chuột vào một trong hai trình duyệt, sau đó cuộn xuống hoặc lên, chú giải công cụ vẫn giữ nguyên. Khi bạn nhấp vào chú giải công cụ trong Chrome, khi đó, cuộn sẽ kích hoạt một con chuột có vẻ như là điều kích hoạt mouseout/mouseenter. Trong IE, nó không thêm kích hoạt chuột di chuyển. Nó có thể thực sự không phải là một vấn đề trình duyệt, nhưng cách bootstrap đang xử lý khi thêm vào đó thêm "di chuyển cũng là một mousemove" kích hoạt.

Để kiểm tra điều đó cho mình, hãy thử thêm một sự kiện di chuyển chuột trong giao diện điều khiển của bạn cho trang web bootstraps/tooltip.js

$(document).mousemove(function(event) {console.log(event);}); 

Di chuyển chuột nên kích hoạt sự kiện trong giao diện điều khiển. Nếu bạn di chuột qua chú giải công cụ và cuộn đi, nó sẽ vẫn ở lại. Sau đó, nhấp vào chú giải công cụ và lưu ý rằng việc cuộn sẽ kích hoạt cùng một sự kiện chuột trong Chrome chứ không phải trong IE.