如何使用jquery mobile通過API創建單選按鈕水平列表

Question

我一直在試圖創建一個水平單選按鈕水平列表，但不知何故，我無法獲得與完成data- *屬性相同的可視化結果。

如果我用代碼來做，我會得到方形的按鈕，而使用屬性時，我會得到一個漂亮的圓角工具欄。

這裏是我用來創建按鈕列表的代碼：

$(element).controlgroup({ mini: true, type: "horizontal" }); 

這應該是一樣的一個我的數據 - *屬性使用：

<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true"> 

我已經張貼的jsfiddle顯示結果

http://jsfiddle.net/simonech/zeDt4/3/

可有人鰣魚這種奇怪的行爲的一些光？ THX 西蒙娜

Answer 1

，使它們看起來一樣，試試這個：

$("#mycontrolbox").controlgroup({ mini: true, type: "horizontal"}); 
$("#mycontrolbox").attr("data-role", "controlgroup"); 

更新的jsfiddle - http://jsfiddle.net/zeDt4/4/

現在，這是爲什麼。

我認爲，jQuery手機實際上不是建立在jQuery UI上，即使它目前非常接近。 jQuery mobile正在使用這些數據 - **屬性來選擇每個標籤的作用。當元素被添加到html中時，jqm讀取內容並基於這些數據角色屬性中的內容，它用自己的內容來修飾/替換當前內容。這更多的是關於元素的外觀。

在另一方面，當你調用

$("#mycontrolbox").controlgroup(); 

這並創建一個jQuery組件使您可以使用該組件的方法。等等。 這與從腳本角度來看組件的行爲很接近。這不，但是，添加數據角色屬性的元素本身。