菜单

评价
评价显示用户对内容的兴趣程序

下载

类型

评价 (Rating) Flexbox

一个基本的评价

星评 (Star)

评价可以使用一组星星图标

星标

心标 (Heart)

评价可以使用一组心形图标

变化

尺寸 (Size)

评价可以有不同尺寸













例子

设置现有值 (Setting existing values)

评价可以使用数据元值 data-rating 或者设置 initialRating

最大的点评数可以使用 data-max-rating 来设置,还可以设置 maxRating

如果指定了元数据级别,它将自动重写JavaScript中指定的默认值。
$('.toggle.example .rating') .rating({ initialRating: 2, maxRating: 4 }) ;
New York Dog Fair
A fun day at the fair
Dog Appreciation Day
I'd like to tell your dog he's great

只读评级 (Read-Only Ratings)

你可以禁用或者启用评级。

$('.toggle.example .rating') .rating('disable') ;
$('.toggle.example .rating') .rating('enable') ;

清除评级 (Clearing Ratings)

当清除选项设置为 true 时,你可以点击评级星来清除。

$('.clearing.example .rating') .rating('setting', 'clearable', true) ;

初始化

数据元 (Metadata)

您可以指定启动评级,并在元数据的最大评级。

$('.ui.rating') .rating() ;

Javascript

你可以在 Javascript 中设置评级

$('.ui.rating') .rating({ initialRating: 3, maxRating: 5 }) ;

行为

所有行为可以用下面语法调用:

$('.ui.rating') .rating('behavior name', argumentOne, argumentTwo) ;
行为 描述
set rating(rating) 设置评级程序
get rating 得到当前的级别
disable 禁用交互评级模式
enable 启用交互式评级模式
clear rating 清除当前评级

评级设置
评级设置修改评级行为

设置 默认 描述
initialRating 0 代表默认评级的数字值
fireOnInit false 类似 onRate 这种回调函数,是否会在初始化当前值立即调用。
clearable auto 默认情况下,只有一个图标的情况下是可以清除的,设置为 true 或者 false 将允许或者禁用清除行为。
interactive true 是否启用用户评级

回调函数
回调函数指明一个函数在某种行为发生时调用。

设置 语境 描述
onRate(value) Rating 用户选择新评级后调用

DOM 设置
DOM设置指定该模块应该如何与DOM接口

设置 默认 描述
namespace rating 事件的命名空间.确保不受其他元素影响。
selector
selector : { icon : '.icon' }
className
className : { active : 'active', hover : 'hover', loading : 'loading' },

调试设置
调试设置控制调试输出到控制台

设置 默认 描述
name Rating 调试日志中使用的名称
silent False 关闭所有输出,包括错误
debug False 提供标准的调试输出到控制台
performance True 提供标准的调试输出到控制台
verbose True 提供辅助的调试输出到控制台
error
error : { action : 'You called a rating action that was not defined' }