javascript - 呈现在页面中的未知点-是什么原因导致的？

我在这里有一个演示application，在“ tweets”的左上角有点，我不知道它们来自何处。该代码是用Ember编写的，模板如下所示

 <h2>Ember.js DEMO Tweet list</h2>

        <div class="tweets-list">
        <h2>Tweets</h2>
<button {{action 'changeAllTweets'}}>Change All Tweets</button>
<button {{action 'changeOneTweet'}}>Change One Tweet</button>
<div class="row input-wrap">
</div>
        {{#each this.model.topTweets as |model|}}
            <li class="media">
<div {{action 'bindNewModel' this}} class="row">
  <a class="pull-left" href="#"><img class="media-object" width="75" height="75" src={{model.avatar}}/></a>
  <div class="media-body">
  <h4 class="media-heading">{{model.favorites}}</h4>
  <p>{{model.text}}</p>
        </div>
</div>
<div class="row">
<div class="col-xs-4">
<a href="#">Expand</a>
        </div>
<div class="col-xs-8">
<ul class="list-inline text-right">
<li href="#">Reply</li>
<li href="#">Retweet</li>
<li href="#">Favorite</li>
<li href="#">More</li>
        </ul>
        </div>
        </div>

</li>
{{/each}}

                </div>

附言必须按下“显示列表”按钮才能显示列表

最佳答案

这是因为您使用的是列表项，即<li>标签。默认情况下，它们显示有项目符号。

首先，只应在有序列表或无序列表（<li> / <ol>）中使用<ul>标记。您应在此考虑列表项是否合适。也许<div>更合适？
如果要使用列表项，则应将它们包装在<ul>列表中，然后通过应用样式：list-style-type: none摆脱要点。
更改列表项的display样式也将摆脱此问题。

关于javascript - 呈现在页面中的未知点-是什么原因导致的？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44358559/