0

編集： これは解決されました。cssではなくの line-height と関係があることがわかりましたjs。

フィドル: http://jsfiddle.net/ruwjn/7/

ライブサイト: http://imip.rvadv.com/index3.html

フィドルでこれをやっているようには見えませんが、ライブサイトでやっています。アコーディオン メニュー項目をクリックすると、正しく開きます。同じ項目をもう一度クリックすると、項目が閉じて以前の外観に戻るはずです。しかし、そうはいきません。もう一度クリックすると閉じますが、アコーディオン メニュー リンクの間に余分なスペースが残ります。

についてはよくわかりませんがjs、このビットで何かをしなければならないかもしれないと思います:

$(window).bind('smartresize.accordion', function( event ) {

            // reset orinal item values
            instance._saveDimValues();

            // reset the content's height of any item that is currently opened
            instance.$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 current
            if( instance._isOpened() )
            instance._scroll();

        });

について説明する必要がある場合はjs、できるだけ簡単な言葉で説明してください。私はこれについてほとんど知りません。

4

1 に答える 1

1

これは確かにかなり奇妙なものです。何が起こっているかというと、2 番目のリスト項目のh2が改行を引き起こすのに十分な長さであり、何らかの理由でアコーディオンが閉じられると計算/表示されるだけです。これは、内部のテキストを数文字に短縮することで確認できます。その下の李にも起きていますが、最後の項目なのでわかりません。

これを修正するには、スタイル シートのh2{}に次のコードを追加します。

white-space:nowrap;

それはそれを行う必要があります。

于 2012-07-13T03:12:28.427 に答える