리스트와 마찬가지로 버튼에서 발생할 수 있는 main event 는 click event 입니다. 이 이벤트는 jQuery 의 bind
() method 의해 클릭 됐을 때 어떤 동작을 하도록 처리 됩니다.
Process the click on the button
<!DOCTYPE html>
<html>
<head>
<meta name=viewport content="user-scalable=no,width=device-width" />
<link rel=stylesheet href=jquery.mobile/jquery.mobile.css />
<script src=jquery.js></script>
<script src=jquery.mobile/jquery.mobile.js></script>
</head>
<body>
<div data-role=page id=home>
<div data-role=header>
<h1>Home</h1>
</div>
<div data-role=content>
<p> Window content </p>
<a id=btn data-role=button href=#> Click here </a>
</div>
</div>
</body>
</html>
<script>
$("#btn").bind ("click", function (event)
{
alert ("click");
});
</script>
tistory433_01.html
jQuery Mobile은 여기서 vclick event 가 아니라 click event 를 사용할 것을 권장합니다.
'jQuery Mobile > JQM Tutorial' 카테고리의 다른 글
| Ajax 로 테이블 삽입하기 (0) | 2012.11.06 |
|---|---|
| HTML element 를 jQuery Mobile table 로 변환하기 (0) | 2012.11.02 |
| 다이나믹하게 테이블 생성하기 (0) | 2012.11.02 |
| 버튼 관련 예제 파일 들 (0) | 2012.10.31 |
| 버튼 Customize 하기 (0) | 2012.10.31 |
| Ajax 로 버튼 insert 하기 (0) | 2012.10.30 |
| HTML element를 jQuery Mobile 버튼으로 변환하기 (0) | 2012.10.30 |
| 다이나믹하게 버튼 생성하기 (0) | 2012.10.29 |
| 리스트 다루기 예제 (0) | 2012.10.29 |
| 리스트 Customization 하기 (0) | 2012.10.26 |