Plugin Star rating pour JQUERY

**dalma** · 05/04/2011, 11h47

Bonjour,

J'ai un petit problème avec le plugin JQUERY Star rating (cf. lien).
Le petit bout de code (résumé sans les scripts et css qui vont bien et peut-être pas très beau mais c'est du test) :

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
 
<!DOCTYPE html>
<html>
<head>
	<title>Star Rating</title>
	<link rel="stylesheet" type="text/css" media="screen" href="css/demos.css?b38"/>
	<script type="text/javascript" src="js/jquery.min.js?v=1.4.2"></script>
	<script type="text/javascript" src="js/jquery-ui.custom.min.js?v=1.8"></script>
	<script type="text/javascript" src="js/jquery.ui.stars.js?v=3.0.0b38"></script>
	<link rel="stylesheet" type="text/css" href="css/jquery.ui.stars.css?v=3.0.0b38"/>
	<script type="text/javascript">
		$(document).ready(function() {
			$.post("./php/demo.php", {test: "1"}, function(data) {
				j = data;
				for (i=1; i<=5; i++) {
					if (i==j) {
						$("#ratings").append("<input type=\"radio\" name=\"rate\" value=\"" + i + "\" id=\"rate" + i + "\" checked=\"checked\" />");
					} else {
						$("#ratings").append("<input type=\"radio\" name=\"rate\" value=\"" + i + "\" id=\"rate" + i + "\" />");
					}
				}
				$("#ratings").stars();
			});
		});
		$("#test").live('click', function() {
			$.post("./php/demo.php", {test: "2"}, function(data) {
				$("#ratings").empty();
				j = data;
				for (i=1; i<=5; i++) {
					if (i==j) {
						$("#ratings").append("<input type=\"radio\" name=\"rate\" value=\"" + i + "\" id=\"rate" + i + "\" checked=\"checked\" />");
					} else {
						$("#ratings").append("<input type=\"radio\" name=\"rate\" value=\"" + i + "\" id=\"rate" + i + "\" />");
					}
				}
				$("#ratings").stars();
			});
		});
	</script>
</head>
 
<body class="basic">
	<div class="pageDesc">
		<p>
			<a href="#" id="test">Test</a>
		</p>
	</div>
	<div class="pageBody">
		<form id="ratings" action="./php/demo.php" method="post"></form>
	</div>
</body>
</html>

Lorsque je charge la page, j'appelle un script (demo.php) qui me ramène "2" et je charge le star rating => tout se passe bien (jolies petites étoiles, etc...

).
Lorsque je clique sur le lien test, je rappelle le script (demo.php) qui cette fois me ramène 3 et je recharge le star rating, sauf que cette fois, ce sont les input classiques qui sont affichés et non plus les jolies petites étoiles

...

Quelqu'un saurait-il me dire pourquoi ?

Merci d'avance.