當前位置: 首頁>>編程示例 >>用法及示例精選 >>正文


JQuery UI Accordion header用法及代碼示例

用法:

header
類型:SelectorFunction( jQuery accordionElement )
默認: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" );
  }
});

相關用法


注:本文由純淨天空篩選整理自jqueryui.com大神的英文原創作品 Accordion header。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。