2012-05-06 5 views

Trả lời

20

Bạn chỉ cần thêm chiều rộng cho mỗi div có thể mở rộng.

http://jsfiddle.net/BpMam/

Để giải thích:

jQuery không biết kích thước của div ẩn của bạn cho đến khi nó được hiển thị. Vì vậy, khi nó được nhấp vào nó thực sự kéo nó ra khỏi vị trí để đo nó trước khi nhanh chóng thay thế nó. Điều này thường có tác dụng phụ gây ra một số sự tăng vọt. Đặt chiều rộng trên phần tử ngăn jQuery kéo nó ra khỏi vị trí.

+0

Có nó hoạt động hoàn hảo :) cảm ơn cho lời giải thích của bạn :) – user13746

+0

Phải đồng ý rằng thiết lập '.tab_content' thành' width: 400px' hoạt động nhưng giải thích là tốt nhất chưa đầy đủ và có thể sai. Hãy thử đặt '.tab_content' thành' width: 200px' và trả về tăng vọt. Giải thích được cung cấp sẽ không dự đoán được điều này, vậy tại sao ?. –

+0

Chiều rộng chính xác. Không có chiều rộng tùy ý. –

0

Một số trình duyệt không đặc biệt thích văn bản được tự động bao bọc khi hoạt ảnh và nó hơi bị giật khi cố gắng tìm ra chiều cao của phần tử.

Hãy thử định dạng văn bản để phù hợp với phần tử và xem điều đó có hữu ích không.

Tôi thực sự đã làm điều đó cho bạn, kiểm tra xem điều này FIDDLE có giải quyết được không?

Có lẽ sẽ hoạt động để cung cấp cho các phần tử trượt có chiều cao cố định không?

FIDDLE