不显示语义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在中的.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
  })
;

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