当前位置: 首页 > 工具软件 > jQuery Raty > 使用案例 >

JQuery raty.js书写星星评价步骤

魏楷
2023-12-01

前言

   今天趁着加班, 写一篇在公司差点做不出来的效果难题(本身就是菜鸟,嘘....别说出去)。
情况是这样的, 公司要我写一个星星评价的效果, 天哪, 我怎么写的出, 哈哈哈(自我嘲讽),
项目是angular, 俺都没用过angular的UI插件, 但还好有个jquery俺还是有点认识的, 于是
乎, 俺就去网上进行一大片的搜索, 终于找到了raty这个插件,经过一下午乱搞一通终于呈现
出美丽风景, 接下来就一起看一下吧!
    我为了尽量清晰,把他们归为以下几点:
        1.从BootCDN查找下载所需要的文件, 主要是jquery.min.js, 
        jquery.raty.min.js;
复制代码

        2.下载好文件后自然是引入了, 记住jquery.raty是依赖于jquery的, 所以要
        把jquery放到前面;
复制代码

        3.由于jquery.raty是已经别人封装好了的, 所以就尽情使用吧!
        首先给他一个容器:
复制代码

        4.然后样式可以自己看着自己的标签设置想要的大小啥的, 这边就不讲了
        (我这种菜鸟都会样式, 别说你不会, hahaha)
        5.接下来就是js部分, 为了节省时间, 我已经写好注释, 直接截图出来吧
        (里面的图片自己找, 看懂每个图片存放的路径自然就会明白怎么做了)
复制代码

    div为hints的值就是那个注释为"评语显示"哪里, 所以说可以在那里设置, 另外size为80没查出来是干什么的
复制代码

本文就这样了, 如有需要改进之处, 请各位督促并告知本人, 本人愿意接受建议以及改进, 谢谢!

(不清楚的也可留言)

 类似资料: