1

http://www.myjqueryplugins.com/jquery-plugin/jratingにある星の評価を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になります[5 *（10/20）=2.5として]。そのdivのIDは、「10_2」という名前にすることができます。
  • 4の評価が必要な場合、xは16になります[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 に答える