Question

我正在使用jQuery Raty插件，这是一个星级评分插件，它运行正常。

这是我的代码

 $('#star').raty({
            path: '/Content/RatingPlugin/',
            numberMax: 5,
            score: function () {
                return $(this).attr('data-score');
            }
        });

HTML

<div id="star" data-score="@Model.Company.Rating"></div>

现在有2个问题，假设当我的网页加载@Model.Company.Rating值为4时，它会显示4颗星是正确的，但如果任何一个点击第三颗星就会关闭第4颗星然后只有3颗星。我希望如果用户点击任何一个星然后在javascript我得到该星的值并将其存储在数据库但它不应该对用户端产生影响我的意思是在点击用户量on stars后将保持不变。

如果您需要任何其他细节，请告诉我。

Answer 1

初始化对象后，您可以调用.raty('score')来获取分数值。如果未设置，则该值将是未定义的。

var currentScore = $('#star').raty('score');

文档：http://wbotelhos.com/raty#functions

Answer 2

http://jsfiddle.net/DerekL/bp2mW/18/

$('#star').raty({
    score: 3,                                                    //default score
    starOn: "http://wbotelhos.com/raty/lib/img/star-on.png",
    starOff: "http://wbotelhos.com/raty/lib/img/star-off.png",
    readOnly: true                                               //read only
});

$("#star > img").click(function(){
    var score = $(this).attr("alt");                             //record clicked
    alert(score);                                                // value of the
    //save to database                                              star
});

详细了解plugin's docs上的readonly。

如何在jQuery Raty中获取选定的星值

2 个答案: