用法:
header
默認:
function( elem ) { return elem.find( "> li > :first-child" ).add( elem.find( "> :not(li)" ).even() ); }
標識標題元素的數據。內容麵板必須是緊隨其關聯標題之後的兄弟。
支持多種類型:-
Selector:標題元素的選擇器,通過
.find()
在主要的手風琴元素上。 -
Function:接受手風琴元素並返回標題元素的函數(添加在
1.13
)。
代碼示例:
使用指定的 header
選項初始化手風琴:
$( ".selector" ).accordion({
header: "h3"
});
初始化後獲取或設置header
選項:
// Getter
var header = $( ".selector" ).accordion( "option", "header" );
// Setter
$( ".selector" ).accordion( "option", "header", "h3" );
使用指定為函數的 header
選項初始化手風琴:
$( ".selector" ).accordion({
header: function ( accordionElement ) {
return accordionElement.find( "h3" );
}
});
相關用法
- JQuery UI Accordion heightStyle用法及代碼示例
- JQuery UI Accordion classes用法及代碼示例
- JQuery UI Accordion active用法及代碼示例
- JQuery UI Accordion widget用法及代碼示例
- JQuery UI Accordion icons用法及代碼示例
- JQuery UI Accordion create( event, ui )用法及代碼示例
- JQuery UI Accordion refresh用法及代碼示例
- JQuery UI Accordion enable用法及代碼示例
- JQuery UI Accordion disabled用法及代碼示例
- JQuery UI Accordion beforeActivate( event, ui )用法及代碼示例
- JQuery UI Accordion collapsible用法及代碼示例
- JQuery UI Accordion event用法及代碼示例
- JQuery UI Accordion disable用法及代碼示例
- JQuery UI Accordion animate用法及代碼示例
- JQuery UI Accordion activate( event, ui )用法及代碼示例
- JQuery UI Accordion destroy用法及代碼示例
- JQuery UI Accordion instance用法及代碼示例
- JQuery UI Accordion option用法及代碼示例
- JQuery UI Autocomplete response( event, ui )用法及代碼示例
- JQuery UI Autocomplete classes用法及代碼示例
- JQuery UI Autocomplete destroy用法及代碼示例
- JQuery UI Autocomplete close用法及代碼示例
- JQuery UI Autocomplete disable用法及代碼示例
- JQuery UI Autocomplete select( event, ui )用法及代碼示例
- JQuery UI Autocomplete instance用法及代碼示例
注:本文由純淨天空篩選整理自jqueryui.com大神的英文原創作品 Accordion header。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。