动态添加 jQuery Mobile 属性答案

【问题标题】：Dynamically Add in jQuery Mobile Attributes动态添加 jQuery Mobile 属性
【发布时间】：2014-03-03 21:21:00
【问题描述】：

我正在动态添加 jQuery 移动属性。我对其中一些人很幸运。但是我似乎无法弄清楚如何正确添加 data-type="horizontal"。

这段代码完美运行：

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

我希望 #color_group 和 #animal_group 具有属性 data-type="horizontal"。不过，我找不到任何像控制组和可折叠的方法；所以我尝试了这个：

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

这会添加属性，但是使用这种方法 jQuery mobile 在以这种方式添加时不会对其执行任何操作。

【问题讨论】：

【解决方案1】：

DEMO

控制组小部件有一个“类型”选项，您可以将其设置为水平 (http://api.jquerymobile.com/controlgroup/)

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

【讨论】：

【解决方案2】：

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

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

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

Demo

【讨论】：