javascript - 将JQuery星级评定转化为控制

我有这个fiddle，非常酷，这是我第一次尝试创建jquery控件。很简单，只需一个星级评定控件即可。

我希望能够将其转换为控件，以便可以调用：

$('#someDiv').starRating();

它将div变成星级。

我希望能够然后设置一些属性：


空星源
悬停星源
星级（如果有新评分，请留空）


所以看起来像这样：

$('#someDiv').starRating({
    emptyStarSource : 'http://www.imageland.com/image.png',
    hoverStarSource : 'http://www.imageland.com/image.png',
    initialRating : 3
});

与Datepicker相似，如何更改选项等。

如果有人能指出我正确的方向，那就太好了！

编辑

因此，我在得到的答案的帮助下进行了尝试。 img click事件不起作用，我猜测将它们添加到页面后，我必须以某种方式附加单击处理程序。怎么样？之后，我只需要进行设置即可！

ratings control

最佳答案

要在jQuery中编写插件，请使用以下语法

$.fn.setRed = function(){
  return $(this).each(function(){ //this is required for jQuery chaining to work and also if multiple html objects are passed
    var _obj = $(this);
    //work on the object here
    _obj.css("background-color", "red");
  });
}

然后，您可以使用

$(".ratings").setRed();

关于javascript - 将JQuery星级评定转化为控制，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17144662/