Làm cách nào để sử dụng delay () với show () và hide () trong Jquery


Câu trả lời:


166

Vượt qua một khoảng thời gian đến show()hide():

Khi thời lượng được cung cấp, .show()sẽ trở thành một phương thức hoạt ảnh.

Ví dụ element.delay(1000).show(0)

BẢN GIỚI THIỆU


3

Cách dễ nhất là tạo một "chương trình giả" bằng cách sử dụng jquery.

element.delay(1000).fadeIn(0); // This will work

2

Tại sao bạn không thử dùng fadeIn () thay vì sử dụng show () với delay (). Tôi nghĩ rằng những gì bạn đang cố gắng làm có thể được thực hiện với điều này. Đây là mã jQuery cho fadeIn và FadeOut (), cũng có phương thức có sẵn để trì hoãn quá trình.

$(document).ready(function(){
   $('element').click(function(){
      //effects take place in 3000ms
      $('element_to_hide').fadeOut(3000);
      $('element_to_show').fadeIn(3000);
   });
}

fadeIn và hiển thị một cái gì đó với một sự chậm trễ là hai việc hoàn toàn khác nhau
lcjury

1

từ api jquery

Được thêm vào jQuery trong phiên bản 1.4, .delay()phương thức này cho phép chúng tôi trì hoãn việc thực thi các hàm theo sau nó trong hàng đợi. Nó có thể được sử dụng với hàng đợi hiệu ứng tiêu chuẩn hoặc với hàng đợi tùy chỉnh. Chỉ các sự kiện tiếp theo trong hàng đợi mới bị trì hoãn; ví dụ, điều này sẽ không trì hoãn các dạng không có đối số của .show()hoặc .hide()không sử dụng hàng đợi hiệu ứng.

http://api.jquery.com/delay/

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.