Tôi đang cố gắng triển khai phần tử thông báo chân trang rất đơn giản để trượt lên một lúc, sau đó trượt xuống dưới. Tôi đang sử dụng:jQuery: slideUp() delay() rồi trượtDown; không hoạt động
$('button').click(function() {
$('#message-box').slideUp('slow').delay(1500).slideDown('slow');
});
Tuy nhiên, khi bạn nhấp vào nút, sự chậm trễ trong 1500 giây sẽ trượt lên và không bao giờ trượt xuống.
gì bạn thực sự muốn là thế này:
$('#message-box').slideDown('slow').delay(1500).slideUp('slow');
You can test it here. Mặc dù có vẻ hơi ngược lại với bố cục của bạn, .slideDown() là dành cho hiển thị một phần tử và .slideUp() là dành cho ẩn thành phần ... mặc dù CSS của bạn thực sự xuất hiện khi được hiển thị.
Cũng như một sang một bên, bạn không cần <html> và <body> thẻ khi chỉnh sửa fiddle, chúng đã được bao gồm ... mọi nội dung trong khung html sẽ đi vào bên trong <body>.
Doh, hoàn toàn không nhận thấy được điều đó, ngớ ngẩn :) Cảm ơn Nick! – Ryan