Javascript 未显示语义用户界面分级

Javascript 未显示语义用户界面分级,javascript,jquery,html,css,semantic-ui,Javascript,Jquery,Html,Css,Semantic Ui,我无法显示ratings元素。它根本没有出现。其他一切都很好 我已将这些适当地联系起来: 语义用户界面CSS() 语义UI-JS() JQuery() 我是这样用的: <div class="ui star rating" data-rating="4"></div> 我需要做些别的事情来让它工作吗?您需要初始化jQuery中.ratingdiv元素上的评级插件 将此添加到您的.js文件: // This waits for the DOM to load co

我无法显示ratings元素。它根本没有出现。其他一切都很好

我已将这些适当地联系起来:

  • 语义用户界面CSS()
  • 语义UI-JS()
  • JQuery()
我是这样用的:

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


我需要做些别的事情来让它工作吗?

您需要初始化
jQuery
.rating
div
元素上的
评级
插件

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

您可以在这里找到选项列表和其他示例:

您提供的语义链接没有为我加载,这是为什么?或者那只是我。我发布了
https
而不是
http
对不起。你在jQuery中调用评级吗<代码>$('.rating').rating();它甚至没有显示。我还有一个问题-如何将其设置为7/8/9/10星?如果这不起作用,请纠正我,但请尝试将
数据最大评级=“10”
添加到
哦,这是最大值,我一直徒劳地修改
数据评级。再次感谢。我对网络开发还很陌生。没关系!您现在知道如何初始化jquery:)享受吧!
$('.rating')
  .rating({
    initialRating: 3,
    maxRating: 5
  })
;