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了类似的问题解释（方法原样但是选项的位置当然仍然存在）。