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>

如果我下一個水平縮小窗口，按鈕，輸入框變爲下的文本框中。

我怎麼能強制按鈕棒旁邊的輸入框，無論窗口的大小是什麼？

來源

2013-05-10 Daniel Kim

只是一個建議，而不是使用'$（ '＃選擇someSelect'）'使用'$（ '＃someSelect'）'來提高查詢性能選擇。 – 2013-05-10 16:31:29

做到這一點的方法是強制的容器元素（在這種情況下，有可能是標籤）始終足夠寬，能夠容納兩個組合框和按鈕。因此，無論寬度如何，都應該是容器元素的最小寬度值。因此，如果組合框的寬度是200px，按鈕寬度是100px（這是假設沒有邊距的第二個假設），那麼父容器應該有min-width：300px;

來源

2013-05-10 17:36:39 moberemk

jQuery用戶界面自動完成（組合框）按鈕對準

回答

相關問題