Question

所以我试图改变这个jQuery Bar Rating System插件。以下是插件的示例：http://antenna.io/demo/jquery-bar-rating/examples/。我将看起来像示例D.此插件基于用户输入。我想要的是插件通过读取预定的评级并将其自身设置为该点而不允许用户更改评级来工作。我的产品评级正在使用XSL转换为HTML，因此页面上会列出一个数字评级。我想取这个数字，隐藏实际数字，然后用这个评级栏系统显示它。我不希望任何人为我这样做，但我甚至不知道从哪里开始改变插件。这将是我在这个程度上真正定制过的第一个插件。任何有关如何处理此问题的建议，提示或想法都将受到极大的赞赏。如果您有任何问题，请告诉我。

这是由包含分数的XSL生成的html：

<div class="ratingSystem">
  <div class="classifications">
    <div class="oneClass">
       <ul>
         <li class="Product_Rating_Score_Values_Overall">
           <i class="fa fa-trophy"><!--comment--></i>
           <span class="scoreTitle scoreOverall"> Overall Score: </span>     
           <span class="score">1</span>
         </li>
        </ul>
     </div>
  </div>
</div>

Answer 1

您对元素的初始化将是这样的：

<select id="productRating">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
</select>

在此标记之后，您将使用类似的内容进行初始化（在插件的js引用之后）

$(function(){
  $('#productRating').barrating(
    initialRating: //wherever your value is coming from,
    readonly: true
  );
});

改变jQuery Rating Plugin

1 个答案: