问题标签 [jquery-bar-rating]

我正在使用jQuery Bar Rating Plugin。插件的一切工作正常（它有效地将选择列表变成一系列可点击的图像），但是当用户从插件控制的选择列表中选择某些内容时，我想在页面上的其他地方“显示”一个隐藏字段.

要明确说明我正在尝试做的事情：

当用户更新显示的评分时，Bar Rating我想显示一个保存按钮以确认更改。如果用户尚未更改评分，我不希望显示保存按钮。

尝试 1：

但是代码永远不会触发，因为插件正在监视 div 的子项（将被单击的实际内容），并且在此代码有机会运行之前，它会通过“单击”执行某些操作。

尝试 2：

Bar Rating每当插件修改的 div 被修改时，上面的代码就会触发。问题是，该事件在页面初始加载期间被触发多次（因为插件正在更新元素），并且当我的鼠标悬停在插件在悬停时修改的 div 元素上时触发。

在不修改插件代码的情况下，我如何检测用户何时更新了Bar Rating插件管理的“选择列表”中的值？

我曾尝试使用两个酒吧评级插件，其中一个在这里找到：另一个在这里。使用第一个列出的评级插件，当我将鼠标悬停在星星上时，它们根本不起作用（意味着所选星星的颜色不会改变），而在 KnockoutJS 循环中，如果在外面，它工作得很好。示例代码：

我的 CSS 已设置，我什至尝试将插件激活脚本移动到循环内部/外部，但什么也没有。

编辑 我想问题是，如何在生成新内容后将插件重新应用到 KnockoutJS？

我正在使用酒吧评级。我需要评级中的颜色变体。浅色到深色的变体。我的代码如下

“这是我的代码，我需要循环中的多个 barrating 由 VueJS 正常运行，但未显示评级，我正在从其他文件调用 barrating，如下所示：”

“这里 id example-fontawesome 正在工作，但循环类 examplefontawesome 不工作”

<li class="comment thread-even depth-1" v-for="rt in ratingData"> <div class="comment-author vcard"> <b class="fn">{{ rt.display_name }}</b> <div class="stars stars-example-fontawesome"> <select class="examplefontawesome" name="rating{{ $index }}"> <option value=""></option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </div> <div class="br-current-rating"></div> <div class="ctime">{{ rt.rating }}</div> </div> </li>

输出：

我正在制作一个评级系统来使用 5 星对电影进行评级。我jQuery bar plugin为此使用（jQuery bar 插件）。

有人可以从 1 到 5 投票。数据存储在数据库中。有人投票后，星星将被禁用并显示用户评分的星星数量。

使用initialRating插件的值，它将定义“选择”了多少颗星。因此，如果此变量为 4，则将着色 4 颗星。

例如，当我硬编码时，initialRating: 4它可以工作。虽然当我使用initialRating: currentRating（投票的星星数量）时，它不会返回正确的数量，它只会显示 1 颗星。我console.log currentRating什么时候回来4。

那么硬编码是如何4起作用的，而不是currentRating（值为 4）不起作用。

代码

我正在使用http://antenna.io/demo/jquery-bar-rating/examples/为表中的人员设置多个评级。一切正常，除了我不能将选择的数据属性中的相应值传递给评级函数，因此它会为正确的人保存评级。

显然，只有属性的最后一个传递值用于 dataId 变量。那么，如何才能获得所选评级的正确评级呢？我似乎无法在 barrating 选择中使用 $this？

我目前正在为我的 Polymer 项目使用这个 jQuery 插件。

我能够让演示工作，但是我希望能够为电影评级主题动态生成评级字段。

我的尝试是创建一个数组，其中包含我希望给出条形评级的值。唯一让我失望的是，当我使用 dom-repeat 动态创建我的选项标签时，没有选项出现。但是，当我不使用 dom-repeat 时，会出现选项。我想知道它是否与shadow dom有关（我一直在阅读它，但仍然不太熟悉它的工作原理）。

不起作用：

作品：

如何在天线 jquery-bar-rating 中设置颜色和大小。默认颜色为蓝色。我在文档、文档页面和github页面中也找不到它。也试过搜索。找到整个页面，但如果没有提及尺寸和颜色。

最后我得到了一个解决方案：覆盖css