插件Raty

在做一个评论功能的时候,不能少了评分,那就涉及到星星,如下列出一些可用样式

临海ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18982081108(备注:SSL证书合作)期待与您的合作!

插件Raty

使用也很简单,首先需要引入两个js文件,一个是jQuery的,另一个是jquery.raty.min.js

这里有个问题,默认的星星图片可能放在你的工程里的时候会有路径问题,不过不要怕,有一个方法可以修改图片的路径

$.fn.raty.defaults.path = 'lib/img';

$('#function-demo').raty({

number: 5, //多少个星星设置

targetType: 'hint', //类型选择,number是数字值,hint,是设置的数组值

path: 'demo/img',

hints: ['差', '一般', '好', '非常好', '全五星'],

cancelOff: 'cancel-off-big.png',

cancelOn: 'cancel-on-big.png',

size: 24,//div显示的长度,太短了星星会换行

starHalf: 'star-half-big.png',

starOff: 'star-off-big.png',

starOn: 'star-on-big.png',

target: '#function-hint',//文字显示位置,一般这里会写一个div的ID

cancel: false,//是否可取消

readOnly: true,//是否为只读,默认为非只读

targetKeep: true,

targetText: '请选择评分',//默认的提示文字

click: function(score, evt) {//click事件处理

alert('ID: ' + $(this).attr('id') + "\nscore: " + score + "\nevent: " + evt.type);

}

});

还有其它的自己可以按照自己的需要来添加属性


分享题目:插件Raty
本文链接:http://bzwzjz.com/article/gijisp.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站建设 上市集团网站建设 成都营销网站建设 成都网站建设 成都营销网站制作 成都网站设计 手机网站建设 营销型网站建设 网站建设公司 专业网站建设 成都网站制作 手机网站制作 重庆网站建设 企业手机网站建设 成都网站建设 成都网站建设 营销网站建设 高端网站设计推广 高端定制网站设计 手机网站制作 成都网站设计 网站设计