android - android - phonegap 应用程序中出现在 HTML 中的奇怪符号

Question

我正在创建一个带有骨干网、phonegap 和 css topcoat ( http://topcoat.io/ ) 的移动应用程序。

在我的安卓手机上查看应用程序时，我遇到了一个奇怪的问题。我使用的是安卓版本 2.3.3。它的侧面出现了一个邮件符号，似乎在使用 p 和 span 标签的任何地方。

这是代码（在这种情况下它进入else）：

<ul class="topcoat-list list">
<% _.each(players, function(player) { %>
    <li class="topcoat-list__item">

        <%
        if(checkbox){
        %>

        <label class="topcoat-radio-button">
          <input type="radio" name='player_id' value="<%= player.id %>" />
          <div class="topcoat-radio-button__checkmark"></div>
            <div class="player-details">
                <span><%= player.name %></span>
                <span><%= player.position %></span>
           </div>   
        </label>
        <%
        }
        else{
        %>
            <div class="player-details">
                <span><%= player.name %></span>
                <span><%= player.position %></span>
            </div>   
        <%
        }
        %>
            <div class="player-more">
                <a target="_blank" href="http://www.premierleague.com/<%= player.link %>">More</a>
            </div>            



    </li>
<% }); %>
</ul>

我已经浏览了 topcoat.io css，但它没有为 span 或 p 标签设置任何 css ......有什么想法会产生这个奇怪的符号吗？

Answer 1

This is an encode issues. Where is the code that generates this HTML. It could be the linebreak code causing it. Remove the line break.

<li class="topcoat-list__item">
        <div class="player-details">
            <span>Tim Krul</span><span>Goalkeeper</span>
        </div>   
        <div class="player-more">
            <a target="_blank" href="http://www.premierleague.com//en-gb/players/profile.overview.html/tim-krul">More</a>
        </div>              
</li>