Love beautiful code? We do too.

  1. Home
  2. Tutorial
  3. Hàm jQuery
  4. .clearQueue() trong jQuery
Previous Lesson Next Lesson

.clearQueue() trong jQuery

Định nghĩa và sử dụng .clearQueue() trong jQuery

.clearQueue(): Loại bỏ các thành phần đang đợi tới lượt (chưa được chạy). .clearQueue() Khi được sử dụng mà không có một đối số, .clearQueue() sẽ loại bỏ các chức năng còn lại từ function. Bằng cách này, nó tương tự như sử dụng .stop(true). Tuy nhiên, trong khi phương thức .stop() chỉ được sử dụng với animate. .clearQueue() cũng có thể được sử dụng để loại bỏ bất kỳ chức năng đã được thêm vào một hàng đợi jQuery chung với phương pháp .queue().

Cấu trúc .clearQueue() trong jQuery

Đã được thêm vào từ phiên bản 1.4

.clearQueue(Tên queue)
-----------------------------------------------------------------------------------
$('.test').clearQueue();

.clearQueue(Tên queue)

Html viết:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Tiêu đề</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style>
div {
    margin: 3px;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0px;
    top: 30px;
    background: green;
    display: none;
}
div.newcolor {
    background: blue;
}
</style>
<script>
$(function(){
    $('#start').click(function() {
        var myDiv = $('div');
        myDiv.show('slow');
        myDiv.animate({
            left:'+=200'
        }, 5000);
        myDiv.queue(function() {
            var that = $(this);
            that.addClass('newcolor');
            that.dequeue();
        });
        myDiv.animate({
            left:'-=200'
        }, 1500 );
        myDiv.queue(function() {
            var that = $(this);
            that.removeClass('newcolor');
            that.dequeue();
        });
        myDiv.slideUp();
    });
    $('#stop').click(function() {
        var myDiv = $('div');
        myDiv.clearQueue();
        myDiv.stop();
    });
});
</script>
</head>

<body>
<button id="start">Start</button>
<button id="stop">Stop</button>
<div></div>
</body>
</html>

Hiển thị trình duyệt:

Khi click vào button Stop, ta đã kích hoạt .clearQueue(), loại bỏ tất cả các hành động tiếp theo.

Previous Lesson Next Lesson

Viết câu trả lời

Drop Images

0 Bình luận

Danh mục bài học

Hoclaptrinh.vn © 2017

From Coder With