Javascript 评分 - 同一行的结果

Question

如何在将鼠标悬停在圆圈上时在同一行中获得结果 1-5？

<div id="wrapper">
<div id="content">
        <ul id="rating">
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
        </ul>       
    </div>
    </div>

Answer 1

您在评分信息 div 中定义了一个 clear:left。这意味着它的左侧不能有其他浮动元素，因此它显示为一种新行。将其替换为左浮动声明。

p 标签还添加了段落 space，这会破坏左浮动声明。将 p 标签更改为 div 标签。

工作fiddlehttp://jsfiddle.net/3L9rhqt0/

新 CSS:

#ratinginfo {float:left; width:50px; margin-left:0px; }

新的js：

    // Add the text to the rating info box
    $("<div />")
        .html($(this).html())
        .appendTo(ratingInfobox);

Javascript 评分 - 同一行的结果

Javascript rating - result to same line

javascript

rating