荣耀滑盖手机滑盖容易坏吗_灵活的滑盖式手风琴( 三 )


如果我们将项目设置为默认打开,我们将调用。然后我们初始化事件 。
Thetakes care of the two cases whenan item.we have the itemopen, i.e. it has the class st-open, or it is . If it’s open, we’ll set theto -1 and fade out thewhilethe item’sto itsone. If the item we areis , we’ll set the index of that item to be theone,theto fit theand fade in the . Then wetheto the point that theitem stays at the top bythe:
函数在单击一个项目时会处理两种情况 。我们要么该项目已经打开,即它具有类st-open,要么它已关闭 。如果它是打开的,我们将当前设置为-1并淡出内容,同时将项目的高度设置为其原始高度 。如果我们单击的项目是关闭的,则将该项目的索引设置为当前索引,设置动画高度以适合内容并淡入内容 。然后,通过调用函数,将窗口滚动到单击的项目停留在顶部的位置:
_toggleItem: function( $item ) {var $content = $item.find('div.st-content');( $item.hasClass( 'st-open' ) ) ? ( this.current = -1, $content.stop(true, true).fadeOut( this.options.speed ), $item.removeClass( 'st-open' ).stop().animate({height : $item.data( 'originalHeight' )}, this.options.speed, this.options.easing ) ): ( this.current = $item.index(), $content.stop(true, true).fadeIn( this.options.speed ), $item.addClass( 'st-open' ).stop().animate({height : $item.data( 'originalHeight' ) + $content.outerHeight( true )}, this.options.speed, this.options.easing ), this._scroll( this ) )},
In thewetwo ,on an item and the. When we click on an item weopen or close ittheand if we’ve set theto true, we first close anyitemtheone.
在函数中,我们初始化两个事件,单击一个项目,然后调整窗口大小 。当我们单击某个项目时,我们将调用函数将其打开或关闭,并且如果将选项设置为true,则在打开当前项目之前,我们首先将其关闭 。
When thegetswe need to reset theitemand the ’s . We’ll also want tothe item to the top again.
调整窗口大小后,我们需要重置原始项目值和内容的高度 。我们还希望再次将项目滚动到顶部 。
_initEvents: function() {var instance = this;// open / close itemthis.$items.find('a:first').bind('click.accordion', function( event ) {var $item= $(this).parent();// close any opened item if oneOpenedItem is trueif( instance.options.oneOpenedItem && instance._isOpened() && instance.current!== $item.index() ) {instance._toggleItem( instance.$items.eq( instance.current ) );}// open / close iteminstance._toggleItem( $item );return false;});$(window).bind('smartresize.accordion', function( event ) {// reset original item valuesinstance._saveDimValues();// reset the content's height of any item that is currently openedinstance.$el.find('li.st-open').each( function() {var $this = $(this);$this.css( 'height', $this.data( 'originalHeight' ) + $this.find('div.st-content').outerHeight( true ) );});// scroll to currentif( instance._isOpened() )instance._scroll();});},
These were the mostfor this . I hope you like thisand find it !
这些是此手风琴最重要的功能 。希望您喜欢这个简单的手风琴并发现它有用!
翻译自:
荣耀滑盖手机滑盖容易坏吗