Семантический рейтинг UI не отображается

Question

Я не могу сделать элемент рейтинга отображаемым. Он просто не появляется. Все остальные вещи работают достаточно тонкой

Я связали эти правильно:

• Семантический UI CSS (http://semantic-ui.com/dist/semantic.min.css)
• Семантический UI JS (http://semantic-ui.com/dist/semantic.min.js)
• JQuery (https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js)

И я использую его вот так:

<div class="ui star rating" data-rating="4"></div> 

Нужно ли мне что-то делать, чтобы заставить его работать?

Answer 1

Вам необходимо инициализировать плагин rating на элементе .ratingdiv в jQuery.

Либо добавьте в ваш файл .js:

// This waits for the DOM to load correctly before changing elements 
$(document).ready(function(){ 
    // All your normal JS code goes in here 
    $(".rating").rating(); 
}); 

Или, если вы не имеете .js файл, вы можете просто включить эту Javascript/jQuery на каждой странице нужды рейтинга отображается.

<script type="text/javascript">$(document).ready(function(){$(".rating").rating();});</script> 

И это даст вам такой же эффект.

Вы также можете указать различные параметры в инициализации:

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

Вы можете найти список опций и других примеров здесь: http://semantic-ui.com/modules/rating.html