アイコンの部分的な選択

クイックスタートの例を基に、split オプションを使用して、ユーザーが星を部分的に選択できるようにできます。

HTML ファイルの <head> セクションで、ドキュメントの ready 関数を含むスクリプトを以下のスクリプトに置き換えます。このスクリプトは、見やすいように最大サイズの星アイコンを使用し、split オプションを４に設定します。これにより、ユーザーは、レーティング時に４分割された星の各部分を選択できます。

ドロップダウンからスクリプトをコピーして、<head> セクション内に貼り付けます

HTML ファイルの <body> セクションを変更する必要はありません。このレーティングを作成するには、基本的な <div> タグで十分です。
HTML ファイルを保存し、それをブラウザで開きます。このレーティングは、実際のウィジェットで次のように表示されます。星の半分または 1/4 の部分をクリックすると、星が部分的に強調表示されます。

関連トピック

参照