MathJax: Ẩn trang cho đến khi tất cả các công thức toán học được sắp chữ

Một trang điển hình với nhiều công thức toán học thường được MathJax sắp xếp theo kiểu "chuyển động chậm": Trước tiên, bạn được hiển thị mã LaTeX màu xám, trước khi các công thức được chuyển đổi từng cái một. Có thể định cấu hình MathJax / sử dụng Javascript theo cách mà quá trình sắp chữ này bị ẩn đi, để không có gì được hiển thị (có nghĩa là bạn chỉ thấy một trang trống) cho đến khi tất cả các công thức đã sẵn sàng?

javascript mathjax

— user71815
nguồn

Bạn có muốn ẩn mã TeX hoặc toàn bộ nội dung (toán và không toán) không?

— Peter Krautzberger

@PeterKrautzberger Xin lỗi, ý tôi là chúng ta phải hiển thị một trang trống cho đến khi tất cả các công thức được hiển thị. Xin vui lòng xem chỉnh sửa.

— user71815

Điều này thực sự phụ thuộc vào mức độ ưa thích của bạn, nhưng cách nhanh chóng và bẩn thỉu là ẩn mọi thứ và sử dụng hàng đợi MathJax để biến mọi thứ hiển thị.

1) làm cho yếu tố chính của bạn visibility:hidden (không sử dụng display:none, điều này có thể can thiệp vào MathJax)

2) Sau đó, sau cuộc gọi đến MathJax.js, thêm một tập lệnh để loại bỏ hidden sau khi các phần tử ban đầu trong hàng đợi MathJax đã bị xóa (nghĩa là, việc sắp chữ ban đầu được thực hiện). Một cái gì đó như thế này

MathJax.Hub.Queue(
   function () {
     document.getElementById('MainID').style.visibility = "";
}

);

nên thực hiện các mẹo - xem http://jsfiddle.net/26rvZ/

Tôi hy vọng điều này sẽ giúp bạn bắt đầu.

— Peter Krautzberger
nguồn