780 views
Hiệu ứng trên gồm 2 hiệu ứng chuyển động thay đổi chiều cao và chiều rộng, mỗi chuyển động được diễn ra trong 3 giây.
Khi bạn bấm nút Finish, sẽ dừng tất cả các hiệu ứng và hoàn thành luôn để hiển thị ra kết quả cuối cùng.
Phương thức này tương tự như phương thức
Chúc các bạn có một bài học jQuery hay và bổ ích. Cùng theo dõi và khám phá thêm nhiều bài viết về jQuery được hệ thống tại LaiXe.Xyz nhé. Hi vọng sẽ giúp cho các bạn tự học jQuery một cách dễ hiểu và hiệu quả nhất
Cùng tìm hiểu phương thức
finish() trong jQuery, cú pháp, đặc điểm, cách hoạt động của phương thức này như thế nào. Cùng học những method jQuery liên quan đến hiệu ứng animate tại LaiXe.Xyz
Các bạn đang xem bài viết thuộc bài học về jQuery Effects - hiệu ứng jQuery
Ví dụ dừng hiệu ứng animate
Cùng xem ví dụ dưới đây nhé!Khi bạn bấm nút Finish, sẽ dừng tất cả các hiệu ứng và hoàn thành luôn để hiển thị ra kết quả cuối cùng.
jQuery finish() Method
Phương thứcfinish() dừng các hiệu ứng animate đang chạy, đang được xếp trong hàng đợi, và hoàn thành tất cả các hiệu ứng cho các phần tử được chọn.Syntax
Phương thức finish() trong jQuery có cú pháp
$(selector).finish(queueName)| Tham số / Parameter | Mô tả |
|---|---|
| selector | Bắt buộc. Đây là tham số để chỉ định phần tử được chọn. Tìm hiểu thêm tại bộ chọn jQuery Selectors |
| queueName | Không bắt buộc. Tham số này dùng để chỉ định tên của hàng đợi để dừng hiệu ứng animate |
stop(true, true) , ngoại trừ việc finish() sẽ hoàn thành luôn các thuộc tính CSS trong hàng đợi cuối.
Ví dụ
Dùng phương thứcfinish() và so sánh với phương thức stop(true,true) đối với các hiệu ứng animate trong hàng đợi
$("#complete").click(function(){
$("div").finish();
});
$("#stop").click(function(){
$("div").stop(true, true);
});