Menu mở rộng trong khi tải trang

Question

Tôi đã tạo một menu lớn trong ứng dụng của chúng tôi. Trong khi tải trang, trình đơn này mở rộng tất cả các mục và sau đó thu gọn (để thiết kế bắt buộc) sau khi tải trang. Việc mở rộng này diễn ra trong vài giây và trông có vẻ lạ hơn đối với khách hàng. Tôi tin rằng đó là một vấn đề trình duyệt. Cần làm gì để giải quyết vấn đề này?

Lưu ý: Tôi đang sử dụng CSS để thiết kế menu và áp dụng CSS này trong trang aspx của tôi trong ứng dụng .net

Answer 1

trong Style Sheet, thêm

display: none

đến gốc của web site của menu. ở đây tôi giả sử nó được danh sách không có thứ tự

Đây là như thế nào, phong cách của bạn sẽ

<ul id="menu" style="display:none">...</ul> 

Thêm mã Javascript trong trang của bạn.

Nếu bạn đang sử dụng JQuery. Hãy thử điều này,

jQuery(document).ready(function(){ 

jQuery('ul#menu').css('display','block'); 

}); 

Nếu nó không hoạt động, vui lòng cung cấp thêm thông tin trong câu hỏi của bạn.

Answer 2

Ban đầu thiết lập khả năng hiển thị menu: ẩn và chỉ sau khi tải trang đặt nó vào visibility: có thể nhìn thấy