将rateit jquery插件应用于选择框

Question

我有以下选择表单元素，并且我想将它应用到rateit jquery plugin。

<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();插件，但尽管fireQuery显示数据连接的选择元素，没有效果是由我仍然留下了一个选择框，而不是一条线的明星。

编辑

CSS文件您正在使用的插件错误包括

Here is the page in question

Answer 1

。见很简单的例子：http://jsfiddle.net/rudiedirkx/ZuJ2k/

的select有是有，但你还是要引用div当你调用插件：$('div#rating2').rateit();

然后div有到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。将其中任何一个更改为另一个，并且它应该工作。我会保留#，因为速度稍快（但您必须确保页面上只有一个rateit下拉菜单）。

因此，新的第一行：

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

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