改变jQuery评分插件

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

这是由包含得分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>

来源

2015-07-09 Tizo

一旦你按照文档ey提供了让插件工作的方法，你可以看看简单地将select元素设置为readonly或disabled，看看它们与插件交互的方式。如果您已经拥有像您所说的数字值，那么您只需简单地将选择列表的值设置为该数字即可。 – JDupont

插件实际上有一个配置设置，以便在初始化时将其设置为只读。它位于您提供的链接页面的底部。 – JDupont

你的元素初始化会是这样的：

<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 
); 
});

来源

2015-07-09 21:23:38 JDupont

改变jQuery评分插件

回答

相关问题