Question

我正在尝试创建一个评级系统。这个想法是在页面加载上我会看到每个星星有多少个星星。当我点击星形时，它会增加条形的宽度。这就是我在做的事情。到目前为止的问题是1：条形图没有正确显示2：星形数量没有正确增量。我们的想法是在新点击后更新栏。这是小提琴。我还有其他几个与此相关的问题。一旦我解决了这个问题，我会做一个新的帖子

http://jsfiddle.net/sghoush1/VU3LP/37/

Jquery看起来像这样

$(function(){

    var baractive = $('<div class="barActive"></div');
    baractive.appendTo('.bar');

    var curr_val = $('.reading').html();
    var new_val = parseInt(curr_val)+1;

    if(curr_val< 20){
        $('.barActive').css('height', '20px').css('width', '20px');
    }
    if(curr_val< 40){
        $('.barActive').css('height', '20px').css('width', '40px');
    }

    $('.star').click(function(){
        $('.reading').eq($(this).index('.star')).html(new_val); 

        $(this).addClass('active');
        $('.bar').eq($(this).index('.star')).addClass('barActive');

    });

});

Answer 1

就问题＃2而言：您需要在点击响应功能中阅读curr_val并计算new_val。实际上，你读了第一个并用于所有星条。

就问题＃1而言：我没有答案;你说酒吧没有正确显示，但你没有说出你想要的行为。但是，我怀疑如果你将css分配移动到点击功能中也会消失这个问题（使用new_val而不是curr_val为条形图）。您仍然需要使用其特定值和索引初始化每个条形码。

单击后在div中显示的增量编号

1 个答案: