JQuery UI Selectmenu _renderItem用法及代码示例

用法:

_renderItem( ul, item )

返回：jQuery

控制小部件菜单中每个选项的创建的方法。该方法必须创建一个新的<li> 元素，将其附加到菜单并返回它。有关标记的更多详细信息，请参阅Menu 文档。

ul

类型：jQuery

新创建的<li> 元素必须附加到的<ul> 元素。
item

类型：Object
- element
  
  类型：jQuery
  
  原始<option> 元素。
- index
  
  类型：Integer
  
  <option> 在 <select> 中的索引。
- value
  
  类型：String
  
  <option> 的值。
- label
  
  类型：String
  
  <option> 的标签。
- optgroup
  
  类型：String
  
  父级 optgroup 的标签(如果有)。
- disabled
  
  类型：Boolean
  
  <option> 是否被禁用。

代码示例：

根据相应选项元素的值设置菜单项背景颜色的样式。

_renderItem: function( ul, item ) {
  var li = $( "<li>" )
    .css( "background-color", item.value );
 
  if ( item.disabled ) {
    li.addClass( "ui-state-disabled" );
  }
 
  this._setText( li, item.label );
 
  return li.appendTo( ul );
}

相关用法

注：本文由纯净天空筛选整理自jqueryui.com大神的英文原创作品 Selectmenu _renderItem。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。