modification du theme d'un div sur un clic
Bonjour,
je debut en jquery et je suis devants le probleme suivant.
J'ai un div collapsible et quand je clique dessus, je veux changer son data-theme.
A priori, le changement s'effectue mais pas visuellement.
Pourriez vous m'aider ?
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
|
<script>
function Lecture(LeDiv){
LeDiv.attr("data-theme","b");
//alert(LeDiv.attr("data-theme"));
}
$( document ).delegate("#jqm-home", "pagecreate", function() {
$('div[id^="id_msg_"]').click( function(){ Lecture($(this)); } );
});
</script>
<body>
...
<div data-role="collapsible" id="id_msg_20" data-theme="e">
<h3>13/12/2011 16:32</h3>
</div>
<div data-role="collapsible" id="id_msg_19" data-theme="e">
<h3>13/12/2011 15:32</h3>
</div>
<div data-role="collapsible" id="id_msg_18" data-theme="b">
<h3>13/12/2011 14:32</h3>
</div>
<div data-role="collapsible" id="id_msg_12" data-theme="b">
<h3>13/12/2011 11:32</h3>
</div> |
en clair, je veux passer les div avec le theme e en div avec le theme b quand l'utilisateur clique dessus.
Si j'affiche l'alerte apres mon attribution, ca m'affiche bien le theme b mais sur l'ecran, le div ne change pas de couleur