jQuery UI的selectmenus休息佈局

Question

我使用這個插件：http://jquery-ui.googlecode.com/svn/branches/labs/selectmenu/index.html（下拉式的）

而且它運作良好，但是當我在頁面的底部添加一個selectmenu那麼這happends：

我該如何解決這個問題，當selectmenu是底部的下拉來上面而不是根據？

的JS，我使用：

$('select').not("select.multiple").selectmenu({ 
    style: 'dropdown', 
    transferClasses: true, 
    width: null 
}); 

Answer 1

我認爲你正在使用的版本是不是最新的。您應該檢查GitHub repository這是官方存儲庫的源代碼。

從GitHub的版本使用jquery.ui.position從jQuery用戶界面，它允許你指定要顯示菜單相對的元素（「頂頂層」，「左下」 ......），還允許碰撞檢測。

從documentation：

When the positioned element overflows the window in some direction, move it to an alternative position. Similar to my and at, this accepts a single value or a pair for horizontal/vertical, eg. "flip", "fit", "fit flip", "fit none".

所以，你想用的插件是這樣的：

$('#myelement').selectmenu({ 
    ... 
    position: { 
     my: "left top", // default 
     at: "left bottom", // default 

     // "flip" will show the menu opposite side if there 
     // is not enough available space 

     collision: "flip" // default is "" 
    } 
}); 

檢查_refreshPosition()似乎不再存在以下question了類似的問題解釋（方法原樣但是選項的位置當然仍然存在）。