如何在评分上添加弹出窗口? [语义-UI]
How to add a popup on Ratings? [Semantic-UI]
我的网站上有一个评级系统,我想在星星上添加一个弹出窗口(引导程序的弹出窗口)!
<div id="rating" class="ui massive star rating" data-rating="0" data-max-rating="5"></div>
还有其他选择吗?
目前 Semantic-UI 中不提供此功能,但您可以通过执行以下操作来实现它:
1- 初始化您的评级模块并向其添加设置:
$('.ui.rating')
.rating({
maxRating: 5,
})
;
2- 创建一个包含每个星的评分文本的数组:
var rate= ['hate it','bad','just ok','like it','love it'];
3- 在 data-ratetext
属性
中为每个开始添加该文本
$(document).ready(function () {
$.each($('#rating > i.icon'), function (index, item) {
$(item).attr('data-ratetext', rate[index]);
});
})
4- 使用为 data-ratetext
属性采用的文本初始化每个星的弹出窗口:
$(document).on('mouseenter', '#rating > i.icon', function() {
$(this)
.popup({
title: $(this).attr('data-ratetext'),
on:'hover'
})
.popup('show');
});
我的网站上有一个评级系统,我想在星星上添加一个弹出窗口(引导程序的弹出窗口)!
<div id="rating" class="ui massive star rating" data-rating="0" data-max-rating="5"></div>
还有其他选择吗?
目前 Semantic-UI 中不提供此功能,但您可以通过执行以下操作来实现它:
1- 初始化您的评级模块并向其添加设置:
$('.ui.rating')
.rating({
maxRating: 5,
})
;
2- 创建一个包含每个星的评分文本的数组:
var rate= ['hate it','bad','just ok','like it','love it'];
3- 在 data-ratetext
属性
$(document).ready(function () {
$.each($('#rating > i.icon'), function (index, item) {
$(item).attr('data-ratetext', rate[index]);
});
})
4- 使用为 data-ratetext
属性采用的文本初始化每个星的弹出窗口:
$(document).on('mouseenter', '#rating > i.icon', function() {
$(this)
.popup({
title: $(this).attr('data-ratetext'),
on:'hover'
})
.popup('show');
});