편집을 취소할 수 있습니다. 이 편집을 되돌리려면 아래의 바뀐 내용을 확인한 후 게시해주세요.
최신판 | 당신의 편집 | ||
1번째 줄: | 1번째 줄: | ||
==example04.php== | ==example04.php== | ||
< | <source lang='html5'> | ||
<!DOCTYPE html> | <!DOCTYPE html> | ||
<meta charset="utf-8" /> | <meta charset="utf-8" /> | ||
<html> | <html> | ||
<head> | <head> | ||
<title> | <title>예제 04</title> | ||
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /> | <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/jquery-1.4.3.min.js"></script> | ||
22번째 줄: | 18번째 줄: | ||
<div data-role="content" class="content"> | <div data-role="content" class="content"> | ||
<p>버튼 테마 예시</p> | <p>버튼 테마 예시</p> | ||
<button type="submit" data-theme="a" name="submit" value="1번" id="submit-button-1"> | <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"> | <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"> | <button type="submit" data-theme="c" name="submit" value="3번" id="submit-button-3">알침창 열기 3</button> | ||
</div> | </div> | ||
<footer data-role="footer"> | <footer data-role="footer"> | ||
<h4>페이지 푸터</h4> | |||
</footer> | </footer> | ||
</section> | </section> | ||
<script> | <script> | ||
$('button').click(function() { | $('button').click(function() { | ||
alert(this.value+" | alert(this.value+" 버튼을 누르셨습니다."); | ||
}); | }); | ||
</script> | </script> | ||
</body> | </body> | ||
</html> | </html> | ||
</ | </source> | ||
* | *데모: http://jmnote.com/jqm/example04.php | ||
[[분류: jQuery mobile]] | |||
[[분류: | |||