jquery移動按鈕在導致點擊事件時沒有顏色變化效果

我在使用jquery移動按鈕時遇到問題; 如果我用這樣的按鈕：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>

那麼問題是發生，並且按鈕不再有顏色變化效果.. 是任何人都可以做我幫忙？

來源

2013-07-08 xiederong

如果添加小提琴，這將有助於解決這個問題。 – user10

你也許應該通過增加href="#"，然後使用在clicke.preventDefault()結合使用：

標記

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

$(document).on('click','#btn',function(e){ 
    e.preventDefault(); 
    $.mobile.changePage("index.html"); 
});

來源

2013-07-08 09:18:29 krishgopinath

jquery移動按鈕在導致點擊事件時沒有顏色變化效果

回答

相關問題