未显示语义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中的div 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
  })
;

这会给你带来同样的效果。

您还可以在初始化中指定不同的选项：

querySelector

您可以在此处找到选项列表和其他示例：http://semantic-ui.com/modules/rating.html