jQuery用户界面自动完成（组合框）按钮对准

问题描述：

我有以表格形式jQuery用户界面自动完成组合框（http://jqueryui.com/autocomplete/#combobox）。jQuery用户界面自动完成（组合框）按钮对准

<tbody> 
<tr> 
    <td><select id="someSelect"><option....></select></td> 
    <td>....</td> 
    <td>....</td>{*n} 
</tr> 
</tbody> 
<script> 
    $('select#someSelect').combobox(); 
</script>

每行获得多个TD元素不超过6个，包括组合框。

的问题是，毗邻输入字段下面移动到输入框按钮时通过它的内容大小的窗口大小的变化动态。

调用.combobox（）上的一个选择框后：

<td> 
    <select name="select1" id="ma1" style="display: none;"> 
    <option value="0">Select Attribute</option> 
    <option value="ContactFirstName">ContactFirstName</option> 
    </select> 
    <input class="ui-autocomplete-input ui-widget ui-widget-content ui-corner-left" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true"> 
    <button type="button" tabindex="-1" title="Show All Items" class="ui-button ui-widget ui-state-default ui-button-icon-only ui-corner-right ui-button-icon" role="button" aria-disabled="false"> 
    <span class="ui-button-icon-primary ui-icon ui-icon-triangle-1-s"></span> 
    <span class="ui-button-text"></span> 
    </button> 
</td>

如果我下一个水平缩小窗口，按钮，输入框变为下的文本框中。

我怎么能强制按钮棒旁边的输入框，无论窗口的大小是什么？

只是一个建议，而不是使用'$（ '＃选择someSelect'）'使用'$（ '＃someSelect'）'来提高查询性能选择。 – 2013-05-10 16:31:29

答

做到这一点的方法是强制的容器元素（在这种情况下，有可能是标签）始终足够宽，能够容纳两个组合框和按钮。因此，无论宽度如何，都应该是容器元素的最小宽度值。因此，如果组合框的宽度是200px，按钮宽度是100px（这是假设没有边距的第二个假设），那么父容器应该有min-width：300px;

jQuery用户界面自动完成（组合框）按钮对准

相关推荐