jquery - 在 jQuery Mobile 中调整分组按钮的位置有问题吗？

Question

我已将 data-type="horizo​​ntal"属性添加到控制组容器中。我在其中添加了一个选择菜单和一个加号图标。以便用户选择现有类别或添加新类别。现在我希望“+”图标应该始终固定在右上角，以保证剩余空间应该占据选择框。我的代码如下，

<div data-role="controlgroup" data-type="horizontal">
                    <select name="select-choice-1" id="select-choice-1">
                     <option value="Select Category">Select Category</select>
                    </select>
                     <a href="" data-role="button" data-icon="plus" data-iconpos="notext">Add</a>
                  </div>

对于上面的代码，我的屏幕截图如下。我希望“+”符号应该固定在右边距，只有图标大小。可能吗？

Answer 1

您可以使用绝对定位 CSS 来完成此操作:

.ui-controlgroup-controls {
    width: 100%;
    margin-bottom: 42px;
}
.ui-controlgroup-controls .ui-select{
    position: absolute;
    left: 15px;
    right: 73px;
}
.ui-controlgroup-controls a.ui-btn{
    position: absolute;
    right: 15px; left: auto;   
}

DEMO