modification du theme d'un div sur un clic

**caromat** · 06/01/2012, 16h37

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**ticroch** · 09/01/2012, 08h27

Je ne connais pas ce plugins, mais a mon avis il faut que tu regarde dans son API, il doit y avoir une methode reload() ou update() que tu dois exécuter juste après avoir changer l'attribut "data-theme"

modification du theme d'un div sur un clic

jQuery

Discussions similaires

Partager

Partager