当前位置: 首页>>代码示例 >>用法及示例精选 >>正文

JQuery UI Accordion header用法及代码示例


用法:

header
类型：Selector 或 Function( 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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。