因此,这是充分的表决制度,但现在需要从实验室获得结果,并将结果投入到目前的班级,以取代以下的{SCORE}。 需要一些帮助,我总是感激。
午餐:
<ul class="star-rating" id="{$ID}">
<li class="current-rating" style="width:{$SCORE}%;"></li>
<li><a href="#" class="one-star"></a></li>
<li><a href="#" class="two-stars"></a></li>
<li><a href="#" class="three-stars"></a></li>
<li><a href="#" class="four-stars"></a></li>
<li><a href="#" class="five-stars"></a></li>
</ul>
<div style="display:none;" id="msgOK-{$ID}">Vote</div>
<div style="display:none;" id="msgWRONG-{$ID}">Wrong</div>
<div style="display:none;" id="msgLOGIN-{$ID}">Login</div>
Jquery:
$(function() {
$( ul.star-rating ).on( click , a , function() { // jquery 1.7+
var score = this.className,
id = $(this).closest( ul )[0].id;
$.ajax({
type: "POST",
url: "js/ajax.php",
data: {id: id, score: score},
success: function(pass) {
if(pass == 1 ) {
// all ok
$("div#msgOK-" + id).delay(200).fadeIn(2000).delay(3000).fadeOut(2000);
$("ul.star-rating#" + id).hide(100).delay(7100).show( fast );
} else if(pass == 2 ) {
// something went wrong
$("div#msgWRONG-" + id).delay(200).fadeIn(2000).delay(3000).fadeOut(2000);
$("ul.star-rating").hide(100).delay(7100).show( slow );
} else if(pass == 3 ) {
// you need to be logged in to vote
$("div#msgLOGIN-" + id).delay(200).fadeIn(2000).delay(3000).fadeOut(2000);
$("ul.star-rating").hide(100).delay(7100).show( slow );
}
}
});
return false;
});
});