未显示语义 UI 评级

Question

我无法显示评级元素。它根本就没有出现。所有其他事情都很好

我已经正确链接了这些：

语义UICSS(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

您需要在 jQuery 中的 .rating div 元素上初始化 rating 插件。

将此添加到您的 .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

未显示语义 UI 评级

Semantic UI Ratings not displayed

html

javascript

css

jquery

semantic-ui