使用jQuery-Mobile，如何將圖標插入表格單元格

Question

在示例中 http://jsfiddle.net/yotam/n2mfy3hg/ 在表格單元格內有一個帶有錨點警報按鈕的表格。

<span> 
    <a id="aimg" href="#" data-inline="true" 
    class="ui-btn ui-btn-inline ui-icon-search ui-btn-icon-notext"></a> 
</span> 

一個如何可以具有簡單地在一個表單元插入這個「提示」圖標，而不 既不是錨也不一個按鈕，從而 避免不必要<一個> -markup和不希望的懸停效果？

Answer 1

您能正確使用簡單的跨度與一對夫婦的CSS規則將它定位爲一個JQM圖標

<span class="ui-icon-alert ui-btn-icon-notext inlineIcon"></span> 

.inlineIcon { 
    display: inline-block; 
    position: relative; 
    vertical-align: middle; 
    margin-right: 6px; 
} 

如果你喜歡的圖標但它背後的灰色圓圈是黑暗：

<span class="ui-alt-icon ui-icon-alert ui-btn-icon-notext inlineIconNoDisk"></span> 

.inlineIconNoDisk { 
    display: inline-block; 
    position: relative; 
    vertical-align: middle; 
    margin-right: 6px; 
} 
.inlineIconNoDisk:after { 
    background-color: transparent !important; 
} 

這裏是你的更新FIDDLE（兩個選項都顯示）