layui(七)——rate組件常見用法總結

　　layui中提供了rate組件，用法很簡單，直接上代碼。

<div id="test1"></div>
    <script>
        layui.use('rate', function () {
            var rate = layui.rate;
            var ins1 = rate.render({
                elem: '#test1'         //綁定元素
                , length: 5            //星星個數
                , value: 3             //初始化值
                , theme: '#000099'     //顏色
                , half: true           //支持半顆星
                , text: true           //顯示文本，默認顯示 '3.5星'
                , readonly: false      //只讀
                //自定義文本，點擊后文本顯示的內容
                , setText: function (value) {
                    if (value < 2) {
                        this.span.text("差")
                    } else if (value <= 4) {
                        this.span.text("一般")
                    } else {
                        this.span.text("好")
                    }
                }
                //選定時調用，評分時發送一個ajax,readonly設為true
                , choose: function (value) {
                    if (value > 4) alert('么么噠')
                }
            });
        });
    </script>

 注：本文只是自己為了查看方便整理的一些內容，並不包含layui中提供的所有內容，查看更多請訪問官網http://www.layui.com/doc/modules/upload.html