jQuery Raty星级评分插件使用方法实例分析

2019-12-15     科技i关注



本文实例讲述了jQueryRaty星级评分插件使用方法。分享给大家供大家参考,具体如下:

使用jQueryRaty,可以很方便的在页面上嵌入一个评分组件,如下所示:

使用方法很简单,首先从https://github.com/wbotelhos/raty下载raty的源代码(依赖于jquery)

然后在页面中引入相应的js文件、css文件、图片资源,在需要添加评分组件的元素上(比如span标签)添加下面的jquery代码即可:


以上为jQueryRaty的缺省使用方法,此外,该组件还支持丰富的传入参数和回调函数,例如:

设置jQueryRaty的初始评分:

评分回调函数

如果需要根据后台动态设置初始评分,可以使用回调函数实现。例如使用div中的data-attribute属性:



还可以改变星星的个数:


只读模式:


点击事件:


路径:

变更图标保存的位置,所有图标需要位于同一目录下,路径结尾的/不添加也可以



取消评分:


全局改变设置:

你可以全局更改上述提到的所有设置$.fn.raty.defaults.OPTION=VALUE;.该语句必须添加在插件绑定之前。


参数列表:


回调函数列表:


更多关于jQuery相关内容感兴趣的读者可查看专题:《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery切换特效与技巧总结》、《jQuery遍历算法与技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

文章来源: https://twgreatdaily.com/zh-hans/o5BIB28BMH2_cNUg4l2f.html