jQuery:评级的初始数据

时间:2012-01-01 15:01:53

标签: javascript jquery

我找到了评分条目的漂亮内容:http://www.fyneworks.com/jquery/star-rating/。这很好,也很容易。但我还需要更多。

我的代码:

<div data-rating="4/5" class="entry"></div>

期望的功能:

function init_rating(rate) { //... }
$(".entry").html( init_rating($(this).attr("data-rating")) );

非常感谢,

1 个答案:

答案 0 :(得分:1)

下面:

function init_rating(selector) {
    var entry = $(selector);

    var output = "";
    var input = "<input name=\"star\" type=\"radio\" class=\"star\""
    var checked = " checked=\"checked\"";
    var close = "/>";

    var params = entry.attr("data-rating").split("/", 2);
    var rating = parseInt(params[0]);
    var total = parseInt(params[1]);

    for (var i = 0; i < total; i++) {
        output += input;
        if (i == rating - 1) output += checked;
        output += close;
    }

    entry.html(output);
    $('input[type=radio].star').rating();
}

init_rating(".entry");

小提琴:http://jsfiddle.net/qcxvW/20/