분류 jquerymobile

버튼 클릭된 이벤트 처리

컨텐츠 정보

  • 조회 2,366 (작성일 )

본문

<!DOCTYPE html>

<html>

<head>

<script type='text/javascript'

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

<script type='text/javascript'>

$(window).load(function(){

    $("[data-role=button]").html("hello world").button();

    $("[data-role=button]").click(function(){

        alert("i have been clicked");

    });

});

</script>

</head>

<body>

  <link rel="stylesheet"

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

  <script

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

  <div data-role="page">

    <div data-role="header">

      <h1>My Title</h1>

    </div>

    <!-- /header -->

    <div data-role="content">

      <p>Hello world</p>

      <div data-role="button">My Button</div>

    </div>

    <!-- /content -->

  </div>

  <!-- /page -->

</body>

</html> 

jquerymobile