2012-08-27 56 views
1

我在selectmenu腳本下面使用了初始化selectmenu。jquery ui Selectmenu的位置

$("#year").selectmenu({style:'dropdown',maxHeight:400}); 

HTML代碼:

<select name="year" class="bubble year" id="year"> 
     <option value="">Year</option> 
       <option value="">2000</option> 
       <option value="">2001</option> 
</select> 

UI Selectmenu產生被放置在HTML的底部。根據要求,這很好,但由於以下樣式應用於自動生成的Div,因此生成的selectmenu在頁面上不可見。

element.style { 
     left: -1052.5px; 
     position: relative; 
     top: -2206.05px; 
     z-index: 1; 
} 

上述樣式已應用於類.ui-selectmenu-menu。所以,由於left & top的定位,ui下拉菜單在頁面上不可見。

我的問題是關於定位。上述風格如何生成?

回答

2

您正在使用哪個版本的Selectmenu?工作示例或jsFiddle?

在最新版本中,positioniong由jQuery UI Position Plugin完成。早期(不推薦)版本使用內置功能。

你是否包含所有需要的文件和CSS?