jQuery mobile button не имеет эффекта изменения цвета, когда он вызывает событие click

У меня возникла проблема с использованием кнопки jquery mobile; Если я использую кнопку так:jQuery mobile button не имеет эффекта изменения цвета, когда он вызывает событие click

<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="#", а затем с помощью e.preventDefault() в click связывания:

Markup

<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 mobile button не имеет эффекта изменения цвета, когда он вызывает событие click

ответ

Смежные вопросы