引导字形未显示

本文关键字：显示 字形 | 更新日期: 2023-09-27 17:57:11

我是ASP环境的新手，我正在使用Visual Studio 2013和Bootstrap V.3.0.0构建应用程序。

我有这个Site.Master：

<div class="navbar-collapse collapse">
     <ul class="nav navbar-nav">
           <li><a runat="server" href="~/"><span class="glyphicon glyphicon-home"></span>Home</a></li>
           <li><a runat="server" href="~/ProducersList"><span class="glyphicon glyphicon-user"></span>Producers</a></li>
           <li><a runat="server" href="~/BeatsList"><span class="glyphicon glyphicon-music"></span>Beats</a></li>
           <li><a runat="server" href="~/License"><span class="glyphicon glyphicon-file"></span>License</a></li>
           <li><a runat="server" href="~/About"><span class="glyphicon glyphicon-info-sign"></span>About</a></li>
           <li><a runat="server" href="~/Contact"><span class="glyphicon glyphicon-pencil"></span>Contact</a></li>
           <li><a runat="server" href="~/ShoppingCart" id="cartCount"><span class="glyphicon glyphicon-shopping-cart"></span></a></li>
      </ul>

Cart::的Site.Master代码隐藏 

protected void Page_PreRender(object sender, EventArgs e)
{
    using (ShoppingCartActions usersShoppingCart = new ShoppingCartActions())
    {
          string cartStr = string.Format("Cart ({0})", usersShoppingCart.GetCount());
          cartCount.InnerText = cartStr;
    }
}

显示的所有字形，除了最后一个，glyphicon-shopping-cart 。我该更改哪些内容才能显示它？

引导字形未显示

您的图标消失，因为您要将购物车计数超链接的全部内容替换为项目计数： MSDN 告诉

为 InnerText 赋值将销毁任何子元素 属于元素。

因此，您的<span class="glyphicon glyphicon-shopping-cart"></span>无法在InnerText分配中幸存下来。您宁愿做的是将购物车计数放在包装超链接中：

<li>
    <a href="~/ShoppingCart">
        <span class="glyphicon glyphicon-shopping-cart"></span>
        <span  id="cartCount" runat="server" />
    </a>
</li>

并更改代码以将计算字符串分配给 cartCount 跨度的 Text 属性，这应该有效。

如果不希望链接中包含跨度，则可以使用LiteralControl将结果保留为原始文本

相关文章：