Previous Lesson Next Lesson

.die() trong jQuery

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

.die(): Loại bỏ việc xử lý các sự kiện đang sử dụng phương pháp .live() trước đó.

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

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

.die(sự kiện,function(){})
-------------------------------------------------------------------------------
Loại bỏ việc xử lý sự kiện và function cụ thể của .live()
$('p').die('click',function(){});

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

.die()
-------------------------------------------------------------------------------
Loại bỏ việc xử lý tất cả sự kiện và function của .live()
$('p').die();

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

.die(sự kiện)
-------------------------------------------------------------------------------
Loại bỏ việc xử lý từng sự kiện của .live()
$('p').die('click');

Khi chưa sử dụng .die(sự kiện,function(){})

Html viết:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Tiêu đề</title>
<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script>
$(document).ready( function() {
    var alertFunc = function () {
        alert("You are now leaving this site");
        return true;
    };
    $('a').live( 'click',alertFunc);
});
</script>
</head>

<body>
<a href="http://hoclaptrinh.vn">http://hoclaptrinh.vn</a><br>
</body>
</html>

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

Khi sử dụng .die(sự kiện,function(){})

Html viết:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Tiêu đề</title>
<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script>
$(function(){
    var alertFunc = function(){
        alert("You are now leaving this site");
        return true;
    };
    $('a').live('click',alertFunc);

    $('a').die('click',alertFunc);
});
</script>
</head>

<body>
<a href="http://hoclaptrinh.vn">http://hoclaptrinh.vn</a><br>
</body>
</html>

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

Ta thấy khi click vào thành phần a, phương thức .live() sẽ không còn tác dụng, lúc này sẽ không hiển thị alert mà chỉ link tới trang http://hoclaptrinh.vn

Khi sử dụng .die('sự kiện')

Html viết:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Tiêu đề</title>
<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script>
$(function(){
    var alertFunc = function(){
        alert("You are now leaving this site");
        return true;
    };
    $('a').live('click',alertFunc);

    $('a').live('hover',alertFunc);

    $('a').die('hover');
});
</script>
</head>

<body>
<a href="http://hoclaptrinh.vn">http://hoclaptrinh.vn</a><br>
</body>
</html>

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

.die('hover') đã loại bỏ sự kiện .live('hover'), không ảnh hưởng gì tới sự kiện .live('click')

Previous Lesson Next Lesson

Preview

Viết câu trả lời

.die() trong jQuery

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

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

Khi chưa sử dụng .die(sự kiện,function(){})

Khi sử dụng .die(sự kiện,function(){})

Khi sử dụng .die('sự kiện')

0 Bình luận

Danh mục bài học