trigger사용의 예

아이프레임을 설명하면서 트리거에 대해서 언급한적이 있다.
 http://sexybone.tistory.com/201 

어떤페이지에 진입했을때 click을 하지 않고도 클릭한것처럼 효과를 주는것이라고 하였는데, 
아래 예시를 준비하였음

아래는 우리가 개발하고 오픈한 무대의상연구소 사이트
 

오른쪽 상단에 사이트 맵을 누르면, 오른쪽왼쪽 사선으로 오버레이되어 메뉴설명이 나온다.
그런데 이것을 사이트맵을 클릭하지 않고도 바로 실행시킬수 있다

trigger() : 이벤트를 강제로 발생시킴

1. $(selector).trigger(eventName)
2. $(selector).trigger(eventName,data)

// h1을 클릭할때마다 옆에 ★표가 하나씩 생김
$(document).ready(function () {
	//이벤트 연결
	$('h1').click(function () {
		$(this).html(function (index, html) {
			return html + '★';
		});
	});
	//1초마다 함수 실행
	setInterval(function () {
		$('h1').last().trigger('click');
	},1000);
});

파이어폭스 실행 후 아래의 스크립트 입력

$('#sitemap').trigger('click');

요렇게 입력하고 실행을 클릭하면

아래의 이미지 처럼 클릭없이 바로 사이트맵화면이 펼처진다