web-dev-qa-db-ja.com

JQueryスター評価

誰でも簡単にセットアップできるシンプルなJQuery 5つ星評価スクリプトを提案できますか? 1つのページに1つのインスタンスが必要です。評価平均を計算するためにファイルまたはmysqlデータベースに書き込むかどうかは気にしません。

投票数と計算された平均が表示されます。また、その人が既に評価したかどうか、または一度に2つを超える評価を許可しないかどうかも確認する必要があります。複数の評価やその他のメカニズムを防ぐために、Cookieまたはセッションが必要です。

無料かお金かは関係ありませんが、ライセンスを取得すれば商用アプリケーションで使用できるはずです。

すべての提案に感謝します!ありがとうございます!

追伸数日かけてオンラインでさまざまなスクリプトを試しましたが、実際に完成したものは見つかりませんでした。

22
anon445699

これはいいですね。
http://www.fyneworks.com/jquery/star-rating/

しかし、人々が2度投票できないようにし、平均投票数を取得するには、さらに多くのバックエンドが必要になります。投票はどこかに(または少なくとも現在の平均で)保存する必要があり、ユーザーがすでに投票したかどうかもサーバーに保存する必要があります。

このリンクは、サーバー側で実行する必要があるいくつかのことを示しています。 http://www.yvoschaap.com/index.php/weblog/css_star_rater_ajax_version/

4
zsalzbank

私は 星の評価プラグインをパッケージ化したmeteor として評価したので、リストされている11のjQuery評価プラグインをすべて評価しました ここ 、そして勝者は、はるかに RateIt

高速、プログレッシブ拡張、タッチサポート、カスタマイズ可能(画像を交換するか、CSSを変更するだけ)、邪魔にならないJavaScript(HTML5 data- *属性を使用)、RTLサポート、好きなだけ星をサポートし、任意のステップサイズ。

縮小サイズ:4.35KB(gzip圧縮の場合は1.55KB)。

テスト済み:IE6-10、Chrome 7-22、Firefox 3.6-16、Opera 10.63-12-jQuery 1.6.2-1.8.2を使用。 iPad iOS 4.2.1-5でのタッチサポートテスト

RateItはオプションで HTML5範囲入力要素 を使用できます-この目的に最適です。下痢なし<li>要素またはラジオボタン。

他のものは明らかにより少ない解決策です:

星評価、最初の回答

  • 78の未解決の問題
  • gitHubではなくGoogle Codeにあります。これは、プルリクエストがほとんどまたはまったくないことを意味します
  • 最新の更新7ヶ月前

レイティ、2番目の答え

  • やや遅い開発は問題タブをチェックしてください)
  • ブラウザの互換性やタッチサポートについての言及なし
  • テストスイートあり

https://github.com/ripter/jquery.rating

  • わずか22コミット
  • タッチサポートなし、ブラウザー互換性リストなど
  • 批判は明らかに良い

とにかく、これらはいずれもブラウザの互換性やタッチサポートについては触れていません。 RateItはそうです、そしてそれはまたそれが他の人よりも優れていて異なる理由を明確に説明しています:

RateItが異なるのはなぜですか

他のjQuery星評価プラグインと同じ働きをしますが、主な違いはその単純さです。ほとんどのプラグインは、星の背景を持つdivまたはimgタグなど、(部分的な)星ごとに要素を作成します。これらの各タグは、ホバーイベントとクリックイベントを取得します。そして、これらのホバー/クリックイベントでは、他のスターに話しかけて、状態を変更するように指示する必要があります。

したがって、各スタープラグインは多くのDOM変更(要素としてスターの数を追加)を行い、多くのイベントを追加します(これもスターの数の2倍)。

RateItは基本的に3つのdivを使用します。

ああ、そして最後のアップデート? 昨日

50
Dan Dascalescu