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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。