将JQuery Star Rating转换为Control

Question

我有这个fiddle，这很酷，我第一次尝试创建一个jquery控件。这很简单，只是一个星级评级控制。

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

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

它将div变成星级。

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

1. 空星源
2. Hover Star Source
3. 星级（如果新评级则留空）

所以它看起来像这样：

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

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

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

修改 的

所以我得到了我得到的答案的帮助。 img点击事件无法正常工作，我猜我不得不在将它们附加到页面后附加点击处理程序。怎么样？在那之后，我只需要进行设置！

ratings control

Answer 1

要在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();