前天页面
<div class="row form-horizontal">
<div class="col-sm-12">
<div class="form-group">
<label for="inputPassword3" class="col-sm-2 control-label"><font style="vertical-align: inherit;">总体点评</font></label>
<div class="col-sm-5" id="scenicGrade1">
<input id="scenicGrade" value="0" type="number" class="rating" min=0 max=5 step=0.5 readonly="readonly" data-size="lg">
</div>
</div>
</div>
</div>
<div class="row form-horizontal">
<div class="col-sm-12">
<div class="form-group">
<label for="inputPassword3" class="col-sm-2 control-label"><font style="vertical-align: inherit;">景区体验</font></label>
<div class="col-sm-5" id="scenicExperienceGrade1">
<input id="scenicExperienceGrade" value="0" type="number" class="rating" min=0 max=5 step=0.5 readonly="readonly" data-size="lg">
</div>
</div>
</div>
</div>
<div class="row form-horizontal">
<div class="col-sm-12">
<div class="form-group">
<label for="inputPassword3" class="col-sm-2 control-label"><font style="vertical-align: inherit;">景区服务</font></label>
<div class="col-sm-5" id="scenicServeGrade1">
<input id="scenicServeGrade" value="0" type="number" class="rating" min=0 max=5 step=0.5 readonly="readonly" data-size="lg">
</div>
</div>
</div>
</div>
<div class="row form-horizontal">
<div class="col-sm-12">
<div class="form-group">
<label for="inputPassword3" class="col-sm-2 control-label"><font style="vertical-align: inherit;">性价比</font></label>
<div class="col-sm-5" id="performanceGrade1">
<input id="performanceGrade" value="0" type="number" class="rating" min=0 max=5 step=0.5 readonly="readonly" data-size="lg">
</div>
</div>
</div>
</div>
动态显示
$(function() {
$(".rating-kv").rating();
var id=UrlParm.parm("id");
console.log(id)
$.ajax({
url: apiManager.apiServer + "/poplularTopic/getScenicImgeById",
data: {
id: id
},
type: "post",
success: function(data) {
console.log(data)
if(data.flag) {
console.log(data.data.scenicGrade)
$("#scenicGrade1").html('<input id="scenicGrade" value="'+data.data.scenicGrade+'" type="number" class="rating" min=0 max=5 step=0.5 readonly="readonly" data-size="lg">');
$("#scenicExperienceGrade1").html('<input id="scenicExperienceGrade" value = "'+data.data.scenicExperienceGrade+'" type="number" class="rating" min=0 max=5 step=0.5 readonly="readonly" data-size="lg">');
$("#scenicServeGrade1").html('<input id="scenicServeGrade" value = "'+data.data.scenicServeGrade+'" type="number" class="rating" min=0 max=5 step=0.5 readonly="readonly" data-size="lg">');
$("#performanceGrade1").html('<input id="performanceGrade" value = "'+data.data.performanceGrade+'" type="number" class="rating" min=0 max=5 step=0.5 readonly="readonly" data-size="lg">');
$("#scenicGrade").rating();
$("#scenicExperienceGrade").rating();
$("#scenicServeGrade").rating();
$("#performanceGrade").rating();
} else {
layer.msg("加载失败", {
icon: 2
});
}
}
})
});
插件地址 https://download.csdn.net/download/qq_29072049/10605041