如何在評分中添加彈出窗口？ [語義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屬性的文本每顆星：

​​