jquery-mobile - 使用控制组对选择和文本输入进行分组

Question

我是 jquery mobile 的新手，正在尝试将一个选择元素放在左侧（但与一个文本输入元素相连）。我发现在使用http://jquerymobile.com/demos/1.2.1/docs/buttons/buttons-grouped.html中所示的控制组时，我可以对按钮元素执行类似的操作。

<div data-role="controlgroup">
    <select>
        <option>Option A</select>
        <option>Option B</select>
    </select>
    <input type = "text">
</div>

但是，当我运行它时，文本输入消失了，只显示了选择选项。有没有更好的方法来做到这一点？

Answer 1

这绝对是可能的，并在此处概述，在Textinputs下。这有一个警告，我必须手动重新调整文本输入的父填充大小，使其在最终产品中看起来“正确”，如下所示：

 $('yourTextInput').parent().css({ 'padding': '0.125em' });

不要劫持线程，但有谁知道为什么这是必要的？