美文网首页
JQuery组件-raty.js简单使用

JQuery组件-raty.js简单使用

作者: ZlotCheng | 来源:发表于2021-01-05 12:09 被阅读0次

(1)引入js

   <script src="https://cdn.bootcdn.net/ajax/libs/raty/2.9.0/jquery.raty.js"></script>

(2)配置

 <div id="star" data-number="5"></div>
<input type="hidden" id="rate_value">

(3)加载

//init raty
    $('#star').raty({
        hints: ['1', '2', '3', '4', '5'],
        number: function () {
            return $(this).attr('data-number');
        }, click: function (score, evt) {
            //监听选择
            $('#rate_value').val(score);
        }
    });

相关文章

  • JQuery组件-raty.js简单使用

    (1)引入js (2)配置 (3)加载

  • vuecli3全局引入jquery

    之前使用jquery都是每个组件引入 这种方式需要在每个要使用jquery的组件里面引入一下,比较麻烦,分享一下全...

  • 使用JQuery组件

    在vue中使用jquery相关组件,需要先在项目中引入jquery 配置项目 在项目中就可以使用$('#')或jQ...

  • 上手jQuery UI

    什么是jQuery UI? jQuery UI是一个基于jQuery JavaScript的组件库,您可以使用它们...

  • 开发中常用jQuery知识点总结

    jQuery理解 jQuery就是一个js库,使用jQuery的话,会比使用JavaScript更简单。jQuer...

  • jquery实现飘窗

    简介:此项目是一个简单的基于jquery的飘窗组件。当前版本v1.0 my-move.js 简单使用 需要引入jQ...

  • react antd组件封装

    简单组件 使用 嵌套组件Tabs 使用

  • Vue实现todolist删除功能

    子组件向父组件传递数据使用 this.$emit('delete',this.index)该方法 Jquery实现添加值

  • 常用组件

    前段组件 Jquery.validate 通常可以使用jquery.validate.js的插件进行前端数据的校验...

  • 07-JQuery插件应用

    本教程主要以Jquery UI为例,简单介绍Jquery插件的使用。 使用JQuery UI提供的基本功能,需要如...

网友评论

      本文标题:JQuery组件-raty.js简单使用

      本文链接:https://www.haomeiwen.com/subject/darynktx.html