JQuery Mobile 버튼 편집하기


==example04.php==
<source lang='html5'>
<!DOCTYPE html>
<meta charset="utf-8" />
<html>
<head>
	<title>JQM 예제 04</title>
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" />
	<script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script>
</head>
<body> 
<section id="first" data-role="page">
	<header data-role="header">
		<h1>페이지 헤더</h1>
	</header>
	<div data-role="content" class="content">
		<p>버튼 테마 예시</p>
		<button type="submit" data-theme="a" name="submit" value="1번" id="submit-button-1">알림창 열기 1</button>
		<button type="submit" data-theme="b" name="submit" value="2번" id="submit-button-2">알림창 열기 2</button>
		<button type="submit" data-theme="c" name="submit" value="3번" id="submit-button-3">알림창 열기 3</button>
	</div>
	<footer data-role="footer">
	  <h4>페이지 푸터</h4>
	</footer>
</section>
<script>
$('button').click(function() {
	alert(this.value+" 버튼을 누르셨습니다.");
});
</script>
</body>
</html>
</source>

*데모: http://jmnote.com/jqm/example04.php

[[분류: jQuery mobile]]
@@ 1번째 줄: / 1번째 줄: @@
-{{소문자}}
-;jQuery모바일 button
-;jQuery모바일 버튼
-;jQuery모바일 버튼 테마
 ==example04.php==
-<syntaxhighlight lang='html5'>
+<source lang='html5'>
 <!DOCTYPE html>
 <meta charset="utf-8" />
@@ 27번째 줄: / 23번째 줄: @@
 	</div>
 	<footer data-role="footer">
-		<h4>페이지 푸터</h4>
+	  <h4>페이지 푸터</h4>
 	</footer>
 </section>
 <script>
 $('button').click(function() {
-	alert(this.value+" 버튼 누름.");
+	alert(this.value+" 버튼을 누르셨습니다.");
 });
 </script>
 </body>
 </html>
-</syntaxhighlight>
+</source>
-*예제: http://zetawiki.com/ex/jquery-mobile/example04.php
+*데모: http://jmnote.com/jqm/example04.php
-==같이 보기==
+[[분류: jQuery mobile]]
-*[[onclick]]
-*[[jQuery UI 버튼]]
-*[[jQuery Mobile 2페이지 파일분할]]
-*[[jQuery Mobile 모달창]]
-*[[jQuery Mobile 뒤로가기 버튼]]
-[[분류:JQuery Mobile]]
-[[분류:Button]]
-[[분류: 버튼]]