li標記圖像定製

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) 
} 

我想是指定要巴紐是用於每個項目的列表中的子彈，根據優先級警報。看起來應該有辦法做到這一點，但它不適合我。

想法？

Answer 1

我想通了！圖像的路徑不正確...... Doh！感謝您的輸入！ ：D顯然，如果是這種情況，那麼列表默認爲項目符號。

Answer 2

IM驚訝這個工程：

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

它應該是：

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

否則，它看起來確定。

Answer 3

試圖關閉報價的ul

的class屬性中沒有報價：http://jsbin.com/uwixu3

帖：http://jsbin.com/uwixu3/2