0

jquery モバイル ボタンの使用に問題があります。次のようなボタンを使用する場合:

<a data-role="button" href="index.html" data-theme="b">SKIP</a>

クリックすると色が変化します。しかし、次のページに何かを渡したいので、次のような別の方法を使用する必要があります

    <head >
       <meta charset="utf-8">
       <meta name="viewport" content="width=device-width, initial-scale=1">
       <title>jQuery Mobile Demos</title>
       <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
       <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js">   </script>
       <script type="text/javascript"></script>
   </head>    
   <body>
     <div id="test.html" data-role="page">
        <div data-role="content">
            <a data-role="button" data-theme="b" id="btn">SKIP</a>
        </div>
     <script type="text/javascript">
      $(document).on('click','#btn',function(event){
        $.mobile.changePage("index.html");
      });
    </script>
  </body>

その後、問題が発生し、ボタンの色が変化しなくなりました。

4

1 に答える 1