Wijmo UI for the Web
マークアップとスクリプティング

wijrating のマークアップは次のようになります。

サンプルマークアップ
コードのコピー
<select id="ratingSelect">
    <option value="1">Below Average</option>
    <option value="2">Average</option>
    <option selected="selected" value="3">Above Average</option>
    <option value="4">Awesome</option>
    <option value="5">Epic</option>
</select>

または、

サンプルマークアップ
コードのコピー
<div id="ratingRadio">
    <label for="input1a">
        Below Average</label>
    <input type="radio" id="input1a" value="1" name="rating" />
    <label for="input2a">
        Average</label>
    <input type="radio" checked="checked" id="input2a" value="2" name="rating" />
    <label for="input3a">
        Above Average</label>
    <input type="radio" id="input3a" value="3" name="rating" />
    <label for="input4a">
        Awesome</label>
    <input type="radio" id="input4a" value="4" name="rating" />
    <label for="input5a">
        Epic</label>
    <input type="radio" id="input5a" value="5" name="rating" />
</div>

または、

サンプルマークアップ
コードのコピー
<div id="ratingDiv">
</div>

次のスクリプトは wijrating ウィジェットを初期化します。

サンプルスクリプト
コードのコピー
<script id="script1" type="text/javascript">
        $(document).ready(function () {
            $('#ratingSelect').wijrating();
            $('#ratingRadio').wijrating();
            $('#ratingDiv').wijrating({ value: 4 });
             
</script>

ここで説明しているマークアップサンプルとスクリプトの結果は次のようになります。

 

 


Copyright © GrapeCity inc. All rights reserved.