将rateit jquery插件应用于选择框

Question

我有以下select表单元素，我想将rateit jquery插件应用于它。

<select class="test" id="Rating" name="Rating">
  <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>

我试图使用$("select.test").rateit();来应用插件$("select.test").rateit(); ，但尽管fireQuery显示数据附加了select元素，没有效果，我仍然留下一个选择框，而不是一行星。

编辑

包含CSS文件

这是有问题的页面

Answer 1

你使用的插件错了。 看一个非常简单的例子： http ： //jsfiddle.net/rudiedirkx/ZuJ2k/

select必须在那里，但是你在调用插件时仍然需要引用div ： $('div#rating2').rateit();

然后div使用data属性引用select ： data-rateit-backingfld="select#Rating"

编辑
实际上看起来你根本就没有使用插件？ 你在哪里打电话给插件？

编辑
这是你的代码：

rateItDiv = $('<div class="rateit" data-rateit-backingfld="#Rating"></div>');
$("div#ReviewInputZone select.test").after(rateItDiv);
$('div#rateit').rateit();

在最后一行，您引用div#rateit ，但该div不存在。 你刚刚创建了一个div.rateit ，而不是div#rateit 。 将其中任何一个更改为另一个，它应该工作。 我保留#因为它稍微快一些（但你必须确保页面上只有一个这样的速率下拉菜单）。

所以新的第一行：

rateItDiv = $('<div id="rateit" class="rateit" data-rateit-backingfld="#Rating"></div>');

编辑
此外，您可以在更改任何代码之前对其进行测试。 只需打开您的Javascript控制台（FF中的Firebug或Chrome中的开发人员工具）并输入： jQuery('div.rateit').rateit();