php - raty 星级评分插件，用于存储多个评分的数据

Question

我正在使用来自此站点的评级 jQuery 插件:http://www.wbotelhos.com/raty/作者:华盛顿·博特​​略。
我在单一表格中使用多个评级。不同的评级是这样的:

<div id='star1' class='star'></div>
<input name='score1' type='hidden' id='score-target' />

<div id='star2' class='star'></div>
<input name='score2' type='hidden' id='score-target' />

<div id='star3' class='star'></div>
<input name='score3' type='hidden' id='score-target' />

现在我对 jQuery 不太熟悉，但我尝试了很多方法来浏览并理解它的 js 文件。我写了这样的 JavaScript 代码:

<script type="text/javascript">
        $(function() {

            $('.star').raty({
            cancel      : true,
            targetKeep  : true,
            targetType  : 'number',
            targetText  : '0',
            target      : '#score-target'
            });

            $('#score').raty({
                score: function() {
                    return $(this).attr('data-rating');
                }
            });
    });
</script>  

问题是，只有上次评分的分数存储在我的输入中，前 2 个输入存储空值。我不使用 Ajax，因为我不熟悉它。我使用 php 从表单中获取数据，然后将其存储在表中。任何人都可以帮助我使用 javascript 代码在不同的隐藏输入字段中存储不同的值吗？

Answer 1

检查您的代码并观察“on-stars”的 src 属性 对于我来说，on-stars”的 src 属性包含 star-on 。

        score: function() {
            return $('img[src*="star-on"]',$(this)).length;
        }