0

编辑： 这已经解决了。原来它与cssnot the中的 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

这肯定是一个很奇怪的问题。发生的事情是第二个列表项上的h2刚好足够长以导致换行，由于某种原因，只有在手风琴关闭后才计算/显示。您可以通过将里面的文本缩短为几个字母来亲眼看到这一点。它下面的li也发生了这种情况，但是您无法分辨，因为它是最后一项。

要解决此问题，只需将其添加到样式表中的h2{} ：

white-space:nowrap;

那应该这样做。

于 2012-07-13T03:12:28.427 回答