댓글 검색 목록

[jquerymobile] 동적 또는 정적 버튼 만들기

페이지 정보

작성자 운영자 작성일 15-05-24 16:54 조회 3,850 댓글 0

<!DOCTYPE html>

<html>

<head>

<script type='text/javascript'

  src='http://code.jquery.com/jquery-1.7.1.js'></script>

<script type='text/javascript'

  src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>

<link rel="stylesheet" type="text/css"

  href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css">

<style type='text/css'>

.ui-btn-hidden {

  z-index: 2;

}

</style>

<script type='text/javascript'>

$(window).load(function(){

    $(function(){

        $('#prog').button();

        $('a').on('click',function(){

            alert('!');

        });

    });

});

</script>

</head>

<body>

  <a href="" data-role="button">A tag w/ data-role="button"</a>

  <br />

  <a href="" id="prog">A tag enhanced programmatically</a>

</body>

</html> 

댓글목록 0

등록된 댓글이 없습니다.

웹학교 로고

온라인 코딩학교

코리아뉴스 2001 - , All right reserved.