在做商品评价时,一般情况下,我们需要一个星级评分的组件,而jQuery Raty恰好满足我们的需求。
一、展示
二、使用教程
①、下载插件
②、导入文件
③、设置raty的全局图片路径
$.fn.raty.defaults.path = common.ctx + '/components/raty/images';
主要是指定五角星的显示样式,可以是五角星,也可以是其他。
④、新增raty的div
method="post">
评价星级
${good_comment.level}
保存商品评价
1.创建一个div即可。
2.指定class属性为raty,为页面加载时初始化raty组件。
3.指定name为level,作为传递到后台数据的parameter的name。
4.指定当前bootstrap validator的filed域为notempty,表单提交时必须选中至少一个星。
5.在div中进行赋值,通过text内容设置raty的值。
⑤、初始化raty的div
// 找到raty的div
$("div.raty", $p).each