需要有关使用jquery和css显示星级的帮助

时间:2016-03-09 23:57:21

标签: jquery css

Stackoverflow上有人建议星级评级,我接受它最适合我的编码。最初它并没有反映,但一旦我发出任何警报。这是编码...

$(document).ready(function(){
    some_program();
    $(".stars").each(function() { 
        var val = $(this).data("rating");            
        var size = Math.max(0, (Math.min(5, val))) * 16;
        var $span = $('<span />').width(size);
        $(this).html($span);
    });
});

CSS

span.stars, span.stars span {display: block;background: url('../img/stars.png') 0 -16px repeat-x;width: 80px;height: 16px;}span.stars span {background-position: 0 0;}

这是html编码:

<div id="response"></div>
//the span code below comes inside response id after ajax call "some_program();" under document ready
<span class="stars" data-rating="3"></span>

当我在some_program();之后立即提醒时,它开始反映星级。我不明白为什么最初没有。

0 个答案:

没有答案