重置物品手風琴高度沒有正確重置

編輯： 這已解決。結果發現它與css而非js的行高有關。重置物品手風琴高度沒有正確重置

它似乎並不在小提琴在做這一點，但它是做什麼的直播網站上。當我點擊手風琴菜單項時，它會正常打開。當我第二次點擊同一個項目時，它應該關閉並回到之前的樣子。但是，這並不完全如此。當我再次點擊它時，它會關閉，但會在手風琴菜單鏈接之間留下額外的空間。

我不知道很多關於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什麼，請把它作爲簡單的條款儘可能。我對此非常瞭解。

來源

2012-07-13 imakeitpretty

我沒有看到Chrome上的實時網站上的問題，嘗試設置所有填充和邊距爲0px - 看看是否有幫助 – 2012-07-13 01:53:15

您使用的瀏覽器是什麼？如果它在jsfiddle中正常工作，但不在活網站上，那麼這將指向與您網站上其他代碼的某種衝突，可能是css。在Chrome和Firefox中適合我。讓我知道你使用的瀏覽器，我會給它一個測試。 – Jeemusu 2012-07-13 01:57:52

我在firefox中看到它，但我只是檢查了Chrome中的實時網站，我仍然看到這個問題。它在第二和第三環節之間特別明顯。 – imakeitpretty 2012-07-13 02:01:12

這確實很奇怪。發生了什麼事是第二個清單項目上的h2是只是足夠長以導致換行，出於某種原因，只有在手風琴關閉後才能計算/顯示。您可以通過縮短文本內容來爲自己看幾個字母。它也發生在它下面的li，但是由於它是最後一項，所以你不能說。

要解決這個問題只需在您的樣式表添加到您的H2 {}：

white-space:nowrap;

應該這樣做。

來源

2012-07-13 03:12:28 DigTheDoug

改善了它，但它仍然存在。 :-) – imakeitpretty 2012-07-13 13:56:30

我似乎無法在您的實時網站上看到它。我測量了第三個李的基線，現在看起來排在前後。哪些方面仍然給你帶來問題？ – DigTheDoug 2012-07-13 14:48:33

謝謝你的採訪。當我幾分鐘前解決了另一個問題時，我神奇地解決了這個問題。與線條高度有關。 – imakeitpretty 2012-07-13 15:22:49

重置物品手風琴高度沒有正確重置

回答

相關問題