メニュー

評価
評価は、コンテンツに対するユーザーの関心を示します

ダウンロード

種類

評価 フレックスボックス

基本的な評価

評価には、星のアイコンセットを使用できます

評価

ハート

評価には、ハートのアイコンセットを使用できます

バリエーション

サイズ

評価はサイズによって異なります













既存の値の設定

開始評価は、メタデータ値 ``data-rating`` または設定 ``initialRating`` を使用して設定できます。

最大評価は、メタデータ値 ``data-max-rating`` または設定 ``maxRating`` を使用して設定できます。または、初期化時にアイコンHTMLを自分で含めて、 ``DOM template insertions`` のオーバーヘッドを回避することもできます。

メタデータの評価が指定されている場合、Javascriptで指定されたデフォルト値が自動的にオーバーライドされます。
$('.toggle.example .rating') .rating({ initialRating: 2, maxRating: 4 }) ;
ニューヨークドッグフェア
フェアでの楽しい一日
犬感謝デー
あなたの犬に彼が素晴らしいと伝えたいです

読み取り専用評価

インタラクティブ評価を無効または有効にできます

$('.toggle.example .rating') .rating('disable') ;
$('.toggle.example .rating') .rating('enable') ;

評価のクリア

clearableが ``true`` に設定されている場合、現在の星評価をクリックすることで評価をクリアできます。

$('.clearing.example .rating') .rating('setting', 'clearable', true) ;

初期化

メタデータ

開始評価と最大評価をメタデータで指定できます。

$('.ui.rating') .rating() ;

Javascript

評価値をJavascriptで指定できます

$('.ui.rating') .rating({ initialRating: 3, maxRating: 5 }) ;

ビヘイビア

以下のすべてのビヘイビアは、構文を使用して呼び出すことができます

$('.ui.rating') .rating('behavior name', argumentOne, argumentTwo) ;
ビヘイビア 説明
評価を設定(rating) プログラムで評価を設定します
評価を取得 現在の評価を取得します
無効にする インタラクティブ評価モードを無効にします
有効にする インタラクティブ評価モードを有効にします
評価をクリア 現在の評価をクリアします

評価設定
評価設定は、評価の動作を変更します

設定 デフォルト 説明
initialRating 0 適用するデフォルトの評価を表す数値
fireOnInit false 現在の値で初期化した直後に、 ``onRate`` などのコールバックを起動するかどうか。
クリア可能 自動 デフォルトでは、アイコンが1つしかない場合にのみ評価をクリアできます。true / falseに設定すると、ユーザーが評価をクリアできるかどうかを許可または拒否できます
インタラクティブ true ユーザーが評価できるかどうかを有効にするかどうか

コールバック
コールバックは、特定の動作の後に発生する関数を指定します。

設定 コンテキスト 説明
onRate(値) 評価 ユーザーが新しい評価を選択した後に呼び出されます

DOM設定
DOM設定は、このモジュールがDOMとどのようにインターフェースするかを指定します

設定 デフォルト 説明
名前空間 評価 イベント名前空間。モジュールのティアダウンが要素にアタッチされた他のイベントに影響を与えないようにします。
セレクタ
セレクタ:{icon: '.icon'}
クラス名
className:{active: 'active'、hover: 'hover'、loading: 'loading'}、

デバッグ設定
デバッグ設定は、コンソールへのデバッグ出力を制御します

設定 デフォルト 説明
名前 評価 デバッグログで使用される名前
サイレント False 他のデバッグ設定に関係なく、エラーメッセージを含むすべてのコンソール出力をサイレントにします。
デバッグ False コンソールに標準のデバッグ出力を提供します
パフォーマンス True コンソールに標準のデバッグ出力を提供します
詳細 True コンソールに補助的なデバッグ出力を提供します
エラー
error:{action: '定義されていない評価アクションを呼び出しました'}

ディマーメッセージ
ディマーサブヘッダー