我们承诺每个页面只显示一个小型广告。别担心，隐藏此消息将确保你不会再次被烦扰。
类型
评分 Flexbox
一个基本的评分
星形
评分可以使用一组星形图标
评分心形
评分可以使用一组心形图标
变体
大小
评分的大小可以变化
示例
设置现有值
起始评分可以使用元数据值 data-rating 或设置 initialRating 来设置。
最大评分可以使用元数据值 data-max-rating 或设置 maxRating 来设置，或者你也可以在初始化时直接包含图标 HTML 代码，以避免 DOM 模板插入 的开销。
$('.toggle.example .rating') .rating({ initialRating: 2, maxRating: 4 }) ;
纽约狗展
在游乐场度过美好的一天
狗狗感恩节
我想告诉你的狗狗他很棒只读评分
你可以禁用或启用交互式评分
$('.toggle.example .rating') .rating('disable') ;
$('.toggle.example .rating') .rating('enable') ;
清除评分
当 clearable 设置为 true 时，你可以通过点击当前的起始评分来清除评分。
$('.clearing.example .rating') .rating('setting', 'clearable', true) ;
初始化
元数据
你可以在元数据中指定起始评分和最大评分。
$('.ui.rating') .rating() ;
Javascript
你可以在 Javascript 中指定评分值
$('.ui.rating') .rating({ initialRating: 3, maxRating: 5 }) ;
行为
所有以下行为可以使用以下语法调用
$('.ui.rating') .rating('行为名称', 参数一, 参数二) ;
| 行为 | 描述 |
|---|---|
| set rating(评分) | 以编程方式设置评分 |
| get rating | 获取当前评分 |
| disable | 禁用交互式评分模式 |
| enable | 启用交互式评分模式 |
| clear rating | 清除当前评分 |
评分设置评分设置修改评分的行为
| 设置 | 默认 | 描述 |
|---|---|---|
| initialRating | 0 | 表示要应用的默认评分的数字 |
| fireOnInit | false | 是否应该在用当前值初始化后立即触发 onRate 等回调函数。 |
| clearable | auto | 默认情况下，评分只有在只有一个图标时才能清除。设置为 true/false 将允许或禁止用户清除他们的评分。 |
| interactive | true | 是否启用用户评分功能 |
回调函数回调函数指定在特定行为之后要执行的函数。
| 设置 | 上下文 | 描述 |
|---|---|---|
| onRate(value) | 评分 | 在用户选择新的评分后调用 |
DOM 设置DOM 设置指定此模块应该如何与 DOM 交互
| 设置 | 默认 | 描述 |
|---|---|---|
| namespace | rating | 事件命名空间。确保模块拆卸不会影响附加到元素的其他事件。 |
| selector |
selector : { icon : '.icon' }
|
|
| className |
className : { active : 'active', hover : 'hover', loading : 'loading' },
|
|
调试设置调试设置控制调试输出到控制台
| 设置 | 默认 | 描述 |
|---|---|---|
| name | 评分 | 调试日志中使用的名称 |
| silent | False | 静默所有控制台输出，包括错误消息，无论其他调试设置如何。 |
| debug | False | 向控制台提供标准调试输出 |
| performance | True | 向控制台提供标准调试输出 |
| verbose | True | 向控制台提供辅助调试输出 |
| error |
error : { action : 'You called a rating action that was not defined' }
|
|