Добавить больше значений - PullRequest
0 голосов
/ 16 апреля 2020
$.starRating = function(options) {
    var defaults = {
        onClickCallBack: null,
    };

    var settings = $.extend({}, defaults, options);

    var onClickCallBack = settings.onClickCallBack;

    $(".rating-star span").hover(function() {
        var hoverValue = parseInt($(this).attr('data-val'));
        highlightStars(hoverValue, 'hover');
    });

    $(".rating-star span").mouseout(function() {
        $(".rating-star span").each(function() {
            $(this).removeClass("hover");
        });
    });
    $(".rating-star span").click(function() {
        if (onClickCallBack != null) {
            var rate = parseInt($(this).attr('data-val'));
            var id = parseInt($(this).attr('data-id'));
            highlightStars(rate, 'clicked');
            onClickCallBack(rate, id);
        }
    });

    function highlightStars(count, cssClass) {
        var itemValue = 0;
        $(".rating-star span").each(function() {
            itemValue = parseInt($(this).attr('data-val'));
            if (itemValue <= count) {
                $(this).addClass(cssClass);
            } else {
                $(this).removeClass(cssClass);
            }
        });
    }

    function highlightRating(rate) {
        var roundedRate = Math.round(rate);
        highlightStars(roundedRate, 'clicked');
    }
    return {
        highlightRatingStars: function(rate) {
            highlightRating(rate);
        }
    }

}

$(function() {
    var starRatingFunction = $.starRating({
        onClickCallBack: onRatingStar
    });

    function onRatingStar(rate, id) {
        $("#1_star_input").val(rate);
        $("#2_star_input").val(rate);
        $("#3_star_input").val(rate);
        loadData();
    }
});

Привет, ребята, у меня есть код звездной оценки jquery, сейчас я могу использовать один набор звезд и получать значения, но я хочу иметь возможность получить значения для трех различных наборов звезд. я получаю только значения для # 1_star_input, и он делает то же самое для двух других.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...