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

0

您可能应该通过添加 ahref="#"然后e.preventDefault()在click绑定中使用来使用它：

标记

<a data-role="button" href="#" data-theme="b" id="btn">SKIP</a>

JS

$(document).on('click','#btn',function(e){
     e.preventDefault();
     $.mobile.changePage("index.html");
});
于 2013-07-08T09:18:29.707 回答