JQuery 星级评定 [关闭]

2023-12-31

任何人都可以建议一个易于设置的简单 JQuery 五星级评级脚本。我只需要单个页面上的单个实例。我不在乎它是否写入文件或 mysql 数据库来计算评分平均值。

它应该显示投票数和计算出的平均值。它还应该检查该人是否已经评分,或者一次不允许超过 2 个评分。应该有 cookie 或会话来防止多重评级或其他机制。

我不在乎它是免费还是收费,但许可应该允许我在商业应用程序中使用它。

感谢所有建议!谢谢你!

附:我花了几天时间在网上尝试不同的脚本,但没有找到任何真正完整的脚本。


I've 打包了一个星级评分插件 https://atmosphere.meteor.com/package/jquery-rateit for meteor http://meteor.com,所以我评估了列出的所有 11 个 jQuery 评级插件here http://www.enfew.com/5-best-jquery-star-rating-plugins-tutorials/,到目前为止,获胜者是RateIt https://github.com/gjunge/rateit.js.

快速、渐进式增强、触摸支持、可定制(只需交换图像或更改一些 CSS)、不显眼的 JavaScript(使用 HTML5 data-* 属性)、RTL 支持、支持任意数量的星星以及任何步骤尺寸。

缩小后的大小:4.35KB(gzip 压缩后为 1.55KB)。

测试环境:IE6-10、Chrome 7-22、Firefox 3.6-16、Opera 10.63-12 - 使用 jQuery 1.6.2 - 1.8.2。 iPad iOS 4.2.1-5 上的触摸支持测试

RateIt 可以选择使用HTML5 范围输入元素 http://www.html5tutorial.info/html5-range.php- 非常适合此目的。没有跛脚<li>元素或单选按钮。

其他显然是较小的解决方案:

星级,第一个答案 http://www.fyneworks.com/jquery/star-rating/

  • 78 个未决问题 http://code.google.com/p/jquery-star-rating-plugin/issues/list
  • 在 Google Code 上,而不是在 GitHub 上,这意味着几乎没有拉取请求
  • 最新更新 7 个月前

拉蒂,第二个答案 https://github.com/wbotelhos/raty

  • 开发有点慢,请检查问题选项卡)
  • 没有提及浏览器兼容性或触摸支持
  • 有测试套件

https://github.com/ritter/jquery. rating https://github.com/ripter/jquery.rating

  • 仅 22 次提交
  • 没有触摸支持、浏览器兼容性列表或任何东西
  • 比率显然更好

无论如何,这些都没有提到浏览器兼容性或触摸支持。 RateIt 确实如此,而且它还清楚地解释了为什么它比其他的更好且不同:

为什么 RateIt 不同

尽管它与其他 jQuery 星级评分插件的工作相同,但主要区别在于它的简单性。 大多数插件为每个(部分)星星创建一个元素,无论是带有星星背景的 div,还是 img 标签。 每个标签都会有一个悬停事件和一个单击事件。在这些悬停/点击事件中,它必须与其他星星交谈,告诉他们改变状态。

因此,每个星星插件都会进行大量 DOM 更改(添加星星数量作为元素),并添加大量事件(同样是星星数量乘以 2)。

RateIt 基本上使用三个 div。

哦,最后一次更新?昨天。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JQuery 星级评定 [关闭] 的相关文章

  • 如果未选中复选框,jquery 清除输入字段

    我有以下 jquery 如果选中复选框 用户可以填写表单中的其他字段 我想要的是如果未选中该复选框 则清除附加输入字段值 document ready function input checkbox attr checked false x
  • 获取点击元素的 HTML 内容 jQuery

    我有以下 HTML
  • jQuery stopPropagation 不起作用

    我正在使用以下内容选色器 https github com meta100 mColorPicker blob master javascripts mColorPicker js它工作正常 但是当我单击颜色选择器图标时 我不希望它冒泡到主
  • 使用 parsley.js 支持每个字段多个自定义错误消息

    我正在尝试使用 parsley js 验证一个简单的表单 并且我对 parsley js 非常初学者 我想使用 window ParsleyValidator addValidator 方法在一个自定义验证方法中显示多个错误消息 所以我尝试
  • 如何在 jquery 中使 ajax 数据键动态化?

    我试图使内联编辑成为动态的 因此它只依赖于我的标记中的一些数据属性 所以现在的代码如下 inline edit editable function value settings var editableField this ajax typ
  • 匹配数组中的对象并合并

    UPDATE 我有一个名为的对象数组cars包含 li 标签 其中包含有关汽车的属性数据 例如价格 汽车类型等 我的目标是 如果这些汽车符合某些标准 则将它们合并到一个列表中 要求 快速性能 保持相同的汽车数组结构 Main Goal Ma
  • 如何在每个组件完成加载后在 Angular 2 中运行 jquery 函数

    我已经尝试了所有生命周期挂钩 但无法实现所需的结果 我需要的结果是触发一个函数 该函数在加载每个元素 组件 后初始化用于单个页面上不同元素的许多 jquery 插件 假设你有这个结构 主页 滑块 小部件 产品旋转器 ETC 这些元素中的每一
  • 使用 jquery 通配符检查 cookie 名称

    我有一个生成动态 cookie 的表单 例如 webform 62 1234356 62 1234356 可以是任意数字 我需要使用一些通配符检查来检查名称以 webform 开头的 cookie 是否存在 下面不起作用 if cookie
  • 比较表中的行以了解字段之间的差异

    我有一个包含 20 多列的表 客户端 其中大部分是历史数据 就像是 id clientID field1 field2 etc updateDate 如果我的数据如下所示 10 12 A A 2009 03 01 11 12 A B 200
  • 将 jQuery 版本从 1.7.1 升级到 1.11.2

    在我当前的应用程序中 我使用的是 jQuery 版本 1 7 1 现在 我计划将jQuery版本升级到1 11 2 是否有任何补丁可以提供与现有应用程序的向后可比性 Thanks 尝试这个 http blog jquery com 2013
  • Jquery 两个字段的时间差(以小时为单位)

    我的表单中有两个字段 用户可以在其中选择输入时间 start time end time 我想在更改这些字段时重新计算另一个字段的值 我想做的是获取两次之间的小时数 例如 如果我的开始时间为 5 30 结束时间为 7 50 我想将结果 2
  • 支持换行的 JQuery 工具提示

    我正在寻找一个轻量级的 jquery 插件 用于在用户将鼠标悬停在元素上时显示工具提示 我希望插件从标题属性中获取内容 而且我可以创建新行也很重要 任何帮助表示赞赏 在 jQuery 1 9 jquery jquery ui 和标准 too
  • jqGrid刷新本地数据(JSON对象)

    我正在尝试将 jqGrid 与本地数据一起使用 但发现了几个问题 我正在初始化这样的事情 function refreshGrid grid results grid jqGrid data results datatype local c
  • 如何删除除任何特定 id 之外的元素

    假设有一个父 id 其中包含许多元素 我想删除除一个元素之外的所有元素 ex parent id children not id n remove
  • JavaScript 继承;调用和原型

    要在Javascript中实现继承 通常需要执行以下两个步骤 假设我有一个基类 Animal var Animal function name this name name 我现在想从中派生一个子类 Dog 所以我想说 var Dog fu
  • 使用单击事件调用“trigger”方法时的复选框值

    如何在点击事件中获取正确的当前值以通过触发器调用 Html
  • 如何使用 JavaScript 或 jQuery 克隆 HTML 元素的样式对象?

    我正在尝试克隆元素的样式对象 这应该允许我在更改后重置所述元素的样式 例如 el style left 50px curr style left 50px Modify the elements style The cloned style
  • 主页(网格)上的缩略图现在显得模糊。如何纠正?

    我不知道这看起来是否愚蠢 但从早上开始我就无法纠正这个突然出现在我的博客网站上的错误www candidopinions in http www candidopinions in 我有一个网格视图模板 其中博客文章中的特色图像作为调整大小
  • Highcharts jQuery 渲染问题 - 所有浏览器

    我在尝试使用构建堆积柱形图时遇到了一个奇怪的问题高图表 http www highcharts com 当图表呈现时 在您调整浏览器大小之前 不会显示列无论如何 导致图表重绘 我认为 图表的其余部分显示 轴 标题等 但不显示列本身 我在 I
  • 测量窗口偏移

    有没有一种方法可以测量 jQuery 中窗口的偏移量 以便我可以比较 固定 元素和相对定位元素的位置 我需要能够知道窗口滚动了多远 以便我可以使用该图来计算固定元素的高度 相对于视口顶部 和相对对象的高度 相对于顶部 之间的差异文件的内容

随机推荐

  • Activity 中的多个 ViewPager

    我试图在一项活动中实现多个 ViewPager 但它并没有真正起作用 实现这一点的最佳方法是什么 我被困住了 这是活动 import android app Activity import android os Bundle import
  • 如何使用 Google TTS java 客户端修复“无法找到策略‘pick_first’”?

    我无法使用 Java 中的 Google TTS 客户端库发出请求 每次它都会抛出一堆异常 我只是尝试获取可用声音的列表 GoogleCredentials creds null TextToSpeechClient textToSpeec
  • 多个 THEN 到单个 CASE 语句?

    我想添加一个额外的列 这个额外的列将根据 case 语句获得一个值 例如 我的目标是 尽管语法非常错误 但要完成此任务 当 A 然后 Apple AND ExtraColumn 1 我尝试使用下面的代码创建与此等效的代码 但收到错误消息 指
  • 检查是否安装了 SQL CE 的最佳方法,如果安装了,是什么版本?

    我编写了一个使用 SQL CE 3 5 的 VB NET 应用程序 我很好奇是否有人有任何最佳实践或代码来帮助检查 A SQL CE 是否已安装以及 B 如果安装了 是什么版本 我搜索了 msdn 和 google 来查找任何内容 但没有发
  • 我想从 XML 文件加载数据并显示在列表框中?

    我有三门课 首先是人 public class Person public string FirstName get set public string LastName get set public string Email get se
  • 如何在张量流中显式广播张量以匹配另一个张量的形状?

    我有三个张量 A B and C在张量流中 A and B都是形状 m n r C是形状的二元张量 m n 1 我想根据以下值从 A 或 B 中选择元素C 显而易见的工具是tf select 但是它没有广播语义 所以我需要首先显式广播C与
  • SQL JOIN 中的重复记录

    我在 SQL 查询中得到多个结果 我有三个表 付款 信用和费用 在每个月末 我需要根据帐户持有人 我们称之为所有者 进行余额转发 我尝试了不同的查询 但不断收到重复的行 我知道这与我的WHERE条款 但我不知道如何解决它 在我的测试数据中
  • CUDA 链接错误 - Visual Express 2008 - 由于(空)配置文件导致 nvcc 致命

    在过去的两周里 我一直在广泛寻找可能的解决方案来解决我的错误 我已经成功安装了Cuda 64位编译器 工具 和SDK以及64位版本的Visual Studio Express 2008和带有Framework 3 5的Windows 7 S
  • 寻找机器人在房子里定位的方法

    我正在破解一个吸尘器机器人用微控制器 Arduino 控制它 我想要做到打扫房间时更有效率 目前 它只是直行并在碰到物体时转向 但我很难找到最佳算法或方法用于知道它在房间中的位置 我正在寻找一种既便宜 不到 100 美元 又不太复杂 不需要
  • 如何在 Fortran 中即时增加数组大小?

    我的程序通过 3D 数组运行 标记它找到的 簇 然后进行一些检查以查看是否有任何相邻簇的标签高于当前簇 还有第二个数组保存 正确的 簇标签 如果它发现第 n 个相邻簇被正确标记 则将该元素分配给 0 否则将其分配给正确的标签 例如 如果第
  • 如何在 Retrofit 请求正文中 POST 原始整个 JSON?

    这个问题之前可能已经被问过 但没有得到明确的答案 到底如何在 Retrofit 请求的正文中发布原始的整个 JSON 查看类似问题here https stackoverflow com questions 19099536 post bo
  • 使用 SSH 远程运行 Shell 脚本块

    我尝试使用 shell 脚本在不同的服务器上执行命令块 谁能帮我解决这个问题吗 while RecordCount gt 0 do expXXXXX sed n RecordCount p GUID DLT EXPR FILE cut d
  • 如何在 PHP 中检查我是否处于静态上下文中?

    有什么方法可以检查方法是静态调用还是在实例化对象上调用 请尝试以下操作 class Foo function bar static isset this this instanceof self
  • 为什么127*2换成byte结果是-2?

    这是我的代码 public class test public static void main String args byte a byte 127 b 2 byte c byte a b System out println c 为什
  • 如何让div出现在另一个div的前面?

    请参考下面的代码 ul li style height 100px div style height 500px background color black div li ul 从上面的代码我们知道我们只能看到100px高度的黑色背景 我
  • 如何使用 URL 传递 PHP 变量

    我想使用 URL 传递一些 PHP 变量 我尝试了以下代码 链接 php pass php pre code code pre
  • 神经网络发散而不是收敛

    我已经实现了一个 2 层的神经网络 使用 CUDA 每层 2 个神经元 我试图让它使用反向传播学习 2 个简单的二次多项式函数 但它没有收敛 而是发散 输出变得无穷大 以下是有关我尝试过的更多详细信息 我已将初始权重设置为 0 但由于它是发
  • 嵌套Python列表推导式来构造列表列表

    我是一个Python新手 在摸索嵌套列表理解时遇到了麻烦 我正在尝试编写一些代码来读取文件并为每行的每个字符构建一个列表 所以如果文件包含 xxxcd cdcdjkhjasld asdasdxasda 结果列表将是 x x x c d c
  • Nhibernate 中多对多集合的更新导致连接表中的多个删除

    我有一个类 其中包含一个使用 Fluent Nhibernate 映射到多对多数据库关系的集合 映射如下 Table Book Id x gt x Id Map x gt x Title Map x gt x NumberOfPages H
  • JQuery 星级评定 [关闭]

    Closed 这个问题是无关 help closed questions 目前不接受答案 任何人都可以建议一个易于设置的简单 JQuery 五星级评级脚本 我只需要单个页面上的单个实例 我不在乎它是否写入文件或 mysql 数据库来计算评分