javascript - jQuery の 5 つ星表示率

Question

私はいくつかのフィールドにレートを表示するプロジェクトに取り組んでおり、サーバーからこのフィールドのレートをすでに取得してい"60%"ます"50%"...

機能をクリックせずにレートを表示するだけのjQueryプラグインがあるかどうかはわかりませんが、

何かのようなもの

var rate = "60%";
jQuery.setRate(rate); // or something like this

どんな助けでも大歓迎です

Answer 1

個人的には、プラグインが必要だとは思いません。dbから取得したレートに応じて別の画像を表示するだけです。

まず、整数（数値）値を取得するために、数値以外の文字を削除します。その後、さまざまな開始イメージのルールを作成する必要があります(?)

var sImageUrl="";

if (rate >0 && rate =<10) sImageUrl="/[yourUrl]/imageStars_1.jpg";
if (rate >10 && rate =<20) sImageUrl="/[yourUrl]/imageStars_2.jpg";
...

プラグインを追加しないことを検討している場合、結果のみを表示したい場合は、クライアント サイトでそれを行うこともできず、サーバー側でこの画像の選択を「処理」することもできます (他のオプションとして)...

Answer 2

クリック可能なものも必要な場合は、レートプラグインが本当に素晴らしく、適切にフォーマットされたデータがなくても非常にうまく機能します (つまり、4.7 が必要で、5 つ星に丸められます):