首页 > 代码库 > 推荐一款JQuery星形评级插件
推荐一款JQuery星形评级插件
jRating 是一个非常灵活的jQuery插件用于快速创建一个Ajax星型投票系统。可以设置星型数量和小数支持。功能很强大，具体大家可以看一下这个插件的js代码就知道了，下面这里演示一下这个插件有哪些功能与具体如何实现。偃师市一中
Exemple 1 (Basic exemple without options) :
<!-- JS to add --><script type="text/javascript"> $(document).ready(function(){ $(".basic").jRating(); });</script>Exemple 2 (type : small - average 10 - id 2 - 40 stars) :
<!-- JS to add --><script type="text/javascript"> $(document).ready(function(){ $(".exemple2").jRating({ type:‘small‘, // type of the rate.. can be set to ‘small‘ or ‘big‘ length : 40, // nb of stars decimalLength : 1 // number of decimal in the rate }); });</script>Exemple 3 (step : true - average 18 - id 2 - 15 stars) :
<!-- JS to add --><script type="text/javascript"> $(document).ready(function(){ $(".exemple3").jRating({ step:true, length : 20, // nb of stars decimalLength:0 // number of decimal in the rate }); });</script>Exemple 4 (Rate is disabled) :
<!-- JS to add --><script type="text/javascript"> $(document).ready(function(){ $(".exemple4").jRating({ isDisabled : true }); });</script>Exemple 5 (With onSuccess & one rror methods) :
<!-- JS to add --><script type="text/javascript"> $(document).ready(function(){ $(".exemple5").jRating({ length:10, decimalLength:1, onSuccess : function(){ alert(‘Success : your rate has been saved :)‘); }, one rror : function(){ alert(‘Error : please retry‘); } }); });</script>Exemple 6 (jRating & jNotify plugins !!) :
<!-- JS to add --><script type="text/javascript"> $(document).ready(function(){ $(".exemple6").jRating({ onSuccess : function(){ jSuccess(‘Success : your rate has been saved :)‘,{ HorizontalPosition:‘center‘, VerticalPosition:‘top‘ }); }, one rror : function(){ jError(‘Error : please retry‘); } }); });</script>Exemple 7 (Rate infos disabled) :
<!-- JS to add --><script type="text/javascript"> $(document).ready(function(){ $(".exemple7").jRating({ showRateInfo:false }); });</script>推荐一款JQuery星形评级插件
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。