jquery UI框架圖標

Question

在Themeroller page上，jQuery UI的作者顯示，如果您使用某些關鍵字，可以使用圖標。例如：

<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-close"> 
<span class="ui-icon ui-icon-circle-close"> 
</span> 
</li> 

這將創建一個圓圈的中間，用圓角和邊框的框所包圍的可愛的小X。

但是如果我的圖標不在列表中呢？如果他們在一個表格單元中呢？

<td> 
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-close"> 
<span class="ui-icon ui-icon-triangle-1-s"></span> 
</li> 
</td> 

這工作，雖然它不是技術上是正確的，因爲我沒有一個打開和關閉< ul>元素。

難道我用

<td class="showcities"> 
<span class="ui-state-default ui-corner-all" title=".ui-icon-circle-close"> 
<span class="ui-icon ui-icon-triangle-1-s"> 
</span> 
</span> 
</td> 

如果是的話，應該由CSS定義UI的角落，都一樣的ThemeRoller的例子嗎？

Answer 1

相反跨度，使用<div>這裏，像這樣

<td class="showcities"> 
    <div class="ui-state-default ui-corner-all" title=".ui-icon-circle-close"> 
    <span class="ui-icon ui-icon-triangle-1-s"></span> 
    </div> 
</td>