С 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 (оба варианта показаны)