2012-08-27 59 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?