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

时间:2013-07-20 20:51:34

标签: jquery-mobile

我是jquery mobile的新手,我试图将一个select元素放在左侧(但与之相连)一个文本输入元素。我发现在使用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>

然而,当我运行此文本时,文本输入消失,只显示选择选项。这有更好的方法吗?

1 个答案:

答案 0 :(得分:2)

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

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

不要劫持线程,但有人知道为什么这是必要的吗?