Question

我有一个无序列表，其列表项将由数据列表填充，该列表绑定到具有不同优先级的警报列表。

标记：

 <ul>
   <asp:DataList ID="Alerts" runat="server">
     <ItemTemplate>
       <li class="alert<%# Eval("Priority") %>"><%# Eval("Message")%></li>
     </ItemTemplate>
   </asp:DataList>
 </ul>

CSS：

.alert1, .alert2
{
  list-style-image: url(/Content/Image/alert1.png)
}
.alert3
{
  list-style-image: url(/Content/Image/alert3.png)
}
.alert4
{
  list-style-image: url(/Content/Image/alert4.png)
}

我想要的是指定希望.png用于列表中每个项目的项目符号，具体取决于警报的优先级。看起来应该有办法做到这一点，但它只是不适合我。

思想？

Answer 1

我很惊讶这个作品：

 <li class="alert<%# Eval("Priority") %>"><%# Eval("Message")%></li>

它应该是：

 <li class='alert<%# Eval("Priority") %>'><%# Eval("Message")%></li>

否则看起来不错。

Answer 2

尝试关闭class

的ul属性的引用

没有引用：http://jsbin.com/uwixu3

引用：http://jsbin.com/uwixu3/2

Answer 3

我明白了！图像的路径不正确... Doh！感谢您的输入！：D显然，如果是这种情况，则列表默认为项目符号。

li标签图片定制

3 个答案: