javascript - 未显示语义 UI 评级

Question

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

我已经正确地链接了这些:

• 语义用户界面 CSS ( http://semantic-ui.com/dist/semantic.min.css )
• 语义用户界面 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