2010-10-21 38 views
6
$('#container').prepend("<ul><li>Stuff</li></ul>').hide().slideDown(); 

Tôi muốn UL MỚI trượt xuống. nhưng ở trên là trượt xuống toàn bộ #container ..jQuery Chuẩn bị DIV bằng cách trượt nó xuống

Làm cách nào tôi có thể thêm một mục lên trên cùng, sau đó trượt xuống .. Kiểu giống như cách Twitter sử dụng để hiển thị cho bạn tweet mới của bạn.

Cảm ơn bạn.

Trả lời

22

Bạn có thể thử sử dụng cú pháp này để thay thế:

$('<ul><li>Stuff</li></ul>').prependTo('#container').hide().slideDown(); 

Tất nhiên, nếu bạn đang sử dụng một danh sách như vậy nó có thể có ích để xây dựng nó phần tử bằng yếu tố như thế này:

var ul = $('<ul />').prependTo('#container'); 
$('<li />').appendTo(ul).text('Incoming!').hide().slideDown(); 
+0

Cảm ơn người đầu tiên đã làm việc rất tốt. Cảm ơn! Tại sao xây dựng nó theo yếu tố, đó là mã nhiều hơn? – user479959

+0

@user Nó không thực sự mã hơn theo nghĩa rằng nếu bạn đang đi để làm điều này cho rất nhiều yếu tố nó nhanh chóng trở thành một mớ hỗn độn của chuỗi nối. Phương pháp thứ hai là hữu ích để quản lý các công cụ phức tạp hơn. –

+5

Tôi muốn thực hiện một thay đổi nhỏ và di chuyển '.hide()' đến trước phần prependTo/appendTo. Chỉ để ngăn chặn hiển thị bất kỳ phút trước khi ẩn (trên động cơ JS chậm hơn) ... –

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