bootstrap星級外掛
阿新 • • 發佈:2018-11-07
前天頁面 <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