如何在评分中添加弹出窗口？ [语义UI]

Question

我在我的网站上有一个评分系统，我想为这些星星添加一个弹出窗口（bootstraper的弹窗）！

<div id="rating" class="ui massive star rating" data-rating="0" data-max-rating="5"></div> 

一些替代？

Answer 1

此功能在当下语义UI不可用，但你可以通过执行实现了下列文件：

[Working DEMO]

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属性的文本每颗星：

​​