티스토리 뷰

jQuery

.trigger()

IT 2010. 12. 27. 14:48
Execute all handlers and behaviors attached to the matched elements for the given event type.

.trigger( eventType, extraParameters )
.trigger( event )

$('#foo').bind('click', function() {
      alert($(this).text());
});
$('#foo').trigger('click');

$('#foo').bind('custom', function(event, param1, param2) {
  alert(param1 + "\n" + param2);
});
$('#foo').trigger('custom', ['Custom', 'Event']);

<!DOCTYPE html>
<html>
<head>
<style>

button { margin:10px; }
div { color:blue; font-weight:bold; }
span { color:red; }
</style>
<script src="http://code.jquery.com/jquery-1.4.4.js"></script>
</head>
<body>
  <button>Button #1</button>
<button>Button #2</button>
<div><span>0</span> button #1 clicks.</div>

<div><span>0</span> button #2 clicks.</div>
<script>
$("button:first").click(function () {
update($("span:first"));
});
$("button:last").click(function () {
$("button:first").trigger('click');

update($("span:last"));
});

function update(j) {
var n = parseInt(j.text(), 10);
j.text(n + 1);
}
</script>

</body>
</html>

'jQuery' 카테고리의 다른 글

.fadeIn() .fadeOut()  (0) 2010.12.28
.show() .hide()  (0) 2010.12.28
.bind()  (0) 2010.12.27
event.pageX + event.pageY  (0) 2010.12.27
load() 이벤트 처리기 메서드  (0) 2010.12.26
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/12   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31