javascript - jQuery星级插件插件变量未正确返回

我正在建立一个评分系统，以使用5星来评价一部电影。我为此使用jQuery bar plugin(jQuery bar plugin)。

有人可以1到5投票。数据存储在数据库中。在某人投票后，星标将被禁用，并显示用户评分的星标数量。

使用插件的initialRating值，它将定义“选定”了多少颗星星。因此，如果此变量为4，则将为4个星星上色。

例如，当我对initialRating: 4进行硬编码时，它可以工作。尽管当我使用initialRating: currentRating(投票的星星数量)时，它不会返回正确的数量，而只会显示1星。当我console.log currentRating时，它将返回4。

因此，如何使4硬编码有效，而不是无效的currentRating(值为4)呢？

代码

$(function () {

    currentRating = $(".rating").val(); //Getting the value that someone vote previously
    console.log(currentRating); // Displays 4

    $('#rating').barrating('show', {
        theme: 'fontawesome-stars',
        showSelectedRating: true,
        initialRating: currentRating,
        onSelect: function (value, text) {
            movieTitle = $('.movie-name'). text(),
               tmdb_id = $(".imdb_id").val(),
                _token = $(".csrf_field").val();

            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': _token
                },
                method: "POST",
                url: "/movies/" + tmdb_id + "/rate",
                data: {
                    title: movieTitle,
                    tmdb_id: tmdb_id,
                    rating: value
                },
                success: function (result) {
                    $("#div1").html(result);
                }
            });
        }
    });
});

最佳答案

变量currentRating是string，而插件需要integer。

使用string将integer转换为parseInt()将解决此问题。

代码
currentRating = parseInt(currentRating);