JQuery Mobile - 在輸入複選框中添加一個數據圖標

我想在一組複選框的某些chekbox標籤上放上一個不錯的小data-icon="star"。有沒有辦法使用jQuery data-icon這樣做，或者我應該直接在CSS中完成（在這種情況下，我如何獲得與data-icon相同的渲染？）。JQuery Mobile - 在輸入複選框中添加一個數據圖標

在一個夢幻世界，這裏是什麼工作：

<div data-role='fieldcontain' data-mini='true'> 
<fieldset data-role='controlgroup'> 
<input type='checkbox' name='cb1' id='cb1' /> 
<label for='cb1' data-icon='star'>special</label> 
<input type='checkbox' name='cb2' id='cb2' /> 
<label for='cb2'>normal</label> 
</fieldset></div>

非常感謝您的幫助

來源

2012-03-11 Mad Echet

以及它是一個開始：http://jsfiddle.net/7qzhn/1/ – 2012-03-11 17:33:20

你將不得不使用自己的自定義CSS或JS要做到這一點，data-icon只有作品與a標記的每個文檔：http://jquerymobile.com/test/docs/buttons/buttons-icons.html

這更加棘手，因爲圖標的輸入爲樣式跨度，這正是如何呈現jqm複選框 - 它們都使用ui-icon爲一些基地造型和定位。

如果您嘗試使用jquery函數在jqm樣式工作之後附加它，如下所示：http://jsfiddle.net/shanabus/zt7cP/1/ - 但是樣式與實際複選框衝突，但複選框的功能仍然存在。

希望這能讓你朝着正確的方向前進。

來源

2012-03-11 14:49:56 shanabus

謝謝你這是很清楚的。這是我害怕的，但我將不得不解決。 – 2012-03-11 21:30:43

我不確定這是否僅適用於最新的jQuery mobile（1.4.5），但您可以通過「class」屬性添加ui-icon。因此，對於這個例子是這樣的：

<div data-role='fieldcontain' data-mini='true'> 
<fieldset data-role='controlgroup'> 
<input type='checkbox' name='cb1' id='cb1' /> 
<label for='cb1' class='ui-icon-star'>special</label> 
<input type='checkbox' name='cb2' id='cb2' /> 
<label for='cb2'>normal</label> 
</fieldset></div>

來源

2015-09-23 23:08:23

JQuery Mobile - 在輸入複選框中添加一個數據圖標

回答

相關問題