Changer la couleur d'un bouton JQuery mobile

Changer la couleur d'un bouton JQuery mobile - HTML/CSS - Programmation

Marsh Posté le 10-01-2011 à 21:20:17    

 
Bonjour
 
J'essaie de faire une page web adaptée à l'IPad, et j'aimerais faire un bouton dont la couleur change lorsqu'on clique dessus (du rouge au vert et inversement), tout en utilisant jquery.mobile.css... ce qui pose problème car cela empêche l'affichage de la couleur du bouton... Il y a peut-être une modif a apporter au jquery css?
 
Merci pour votre aide.
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTM+ 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <link rel="stylesheet" href="jquery.mobile.css" type="text/css" media="all" /> <!-- en enlevant cette ligne le bouton change bien de couleur-->
  6. <title>Document sans nom</title>
  8. <style>
  9. .st1
  10. {background-color:green;}
  12. .st2
  13. {background-color:red;}
  14. </style>
  15. <script src="jquery.js"></script>
  16. <script src="jquery.mobile.js"></script>
  17. <script>
  18. $(function(){
  19.    $(".st1" ).click(function(){
  20.     $(this).toggleClass("st2" );
  21.    });
  23.   });
  24. </script>
  25. </head>
  26. <body>
  27. <div data-role="page" id="test1">
  29. <div data-role="header">
  30.  <h2>TEST</h2>
  31. </div>
  33. <div data-role="content">
  34.  <h3>TEST2</h3>
  35.  <button class="st1" data-role="button">Essai</button>
  36. </div>
  38. </div>
  39. </body>
  40. </html>

Reply

Marsh Posté le 10-01-2011 à 21:20:17   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed