Định nghĩa và sử dụng
- .trigger(): Thực hiện tất cả các xử lý và đính kèm các loại sự kiện nhất định tới thành phần được chọn.
.trigger(Sự kiện,Tham số)
Html viết:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Tiêu đề</title>
<script src="https://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
$("button").click(function(){
$('.test').on('thamso', function(event, param1, param2) {
alert(param1 + "\n" + param2);
});
$('.test').trigger('thamso', ['Custom', 'Event']);
});
});
</script>
</head>
<body>
<div class="test">Thành phần div</div>
<button>Button</button>
</body>
</html>
Hiển thị trình duyệt:
Click vào button để xem kết quả.
Ví dụ thêm
Html viết:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Tiêu đề</title>
<script src="https://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
function update(j) {
var n = parseInt(j.text(), 10);
j.text(n + 1);
}
$("button:first").click(function(){
update($("span:first"));
});
$("button:last").click(function(){
$("button:first").trigger('click');
update($("span:last"));
});
});
</script>
</head>
<body>
<div><span>0</span> button 01 click.</div>
<div><span>0</span> button 02 click.</div>
<button>Button 01</button> <button>Button 02</button>
</body>
</html>
Hiển thị trình duyệt:
Click vào button để xem kết quả.