1

我正在使用 jRating 在 http://www.myjqueryplugins.com/jquery-plugin/jrating上找到的星级

在同一页面上,它们具有您可以随意配置的选项。除了我正在寻找的一个。

我喜欢为某些图像设置一个默认值,比如 1、2 或 5 星评级。我怎么能这样做?我正在使用 jQuery 和 ajax 或 xml 从服务器获取数据并将其分配给我找不到的选项。我对php一无所知,所以他们的例子根本没有帮助。任何帮助都会很棒。谢谢你。

<script type="text/javascript">
    $(document).ready(function(){
        $(".exemple2").jRating({
            rateMax: 5,
            showRateInfo: false,
            isDisabled:true,
            value: 3,<----------- option like this is not available how can I can do this 
            length : 5 // nb of stars
        });
    });
</scrip>


<!-- basic exemple -->
<div class="exemple">
    <!-- in this exemple, 12 is the average and 1 is the id of the line to update in DB -->
   <div class="exemple2" id="12_1"></div>
    <!-- in this other exemple, 8 is the average and 2 is the id of the line to update     in DB -->
   <div class="exemple2" id="8_2"></div>
</div>
4

2 回答 2

0

根据我从示例源代码中了解到的情况,您需要命名设置评分组件的 div 的 id,使其类似于 x_y。其中 x 是您想要给出的评分比例。

例如,如果您希望系统中总共有 5 颗星(长度 = 5)。例子:

  • 如果您希望默认评分为 2.5,则 x 将为 10 [as 5*(10/20) = 2.5]。该 div 的 ID 可以命名为“10_2”。
  • 如果您想要 4 的评级,那么 x 将是 16 [as 5*(16/20) = 4]。该 div 的 ID 可以命名为“16_5”。

[分数从20开始计算。星数可配置]

您可以以任何您喜欢的方式获取数据,但是,在创建用于评级的 div 时,您必须遵循此命名约定才能使用此插件 [据我了解]。

于 2012-11-10T21:58:59.057 回答
0

这不是一个选择。您必须修改 jRating.jquery.js

        var startWidth = 0;
        if($(this).data('rating')){
            rating = $(this).data('rating');
            rating = parseFloat(rating);
            startWidth = rating/opts.rateMax*widthRatingContainer; // Width of the color Container
            ratingWidth = startWidth;
        }

average = $('<div>', {
            'class' : 'jRatingAverage',
            css:{
                width: 0,
                top:- starHeight
            }
        }).appendTo($(this)),

并将 0 更改为 startWidth,然后将 data-rating 属性设置为默认值。

<div id="star_rating" data-rating="3"></div>
于 2013-12-19T04:21:24.973 回答