動態添加jQuery Mobile屬性

Question

我正在動態添加jQuery移動屬性。 我對其中一些人感到幸運。 但是，我似乎無法弄清楚如何正確添加data-type =“ horizo​​ntal”。

該代碼可以完美地工作：

$("form, fieldset, #info_list").collapsible();
$("#color_group, #animal_group").controlgroup();

我希望#color_group和#animal_group具有data-type =“ horizo​​ntal”屬性。 但是，我找不到像對照組和可折疊方法那樣的方法。 所以我嘗試了這個：

$("#color_group, #animal_group").attr("data-type", "horizontal");

這會添加屬性，但是當以這種方式添加jQuery mobile時，使用此方法不會對其執行任何操作。

Answer 1

演示

控制組窗口小部件具有“類型”選項，您可以將其設置為水平（ http://api.jquerymobile.com/controlgroup/ ）

$("#color_group, #animal_group").controlgroup({ type: "horizontal" });

Answer 2

使用.controlgroup({ type: "horizontal" })或"vertical"來更改類型，而不是data-type 。

$("controlgroup_ID").controlgroup({
    type: "horizontal"
});

$("controlgroup_ID").controlgroup({
    type: "vertical"
});

演示版