液體（Coda）滑塊高度未調整

Question

我正在爲我的作品集網站使用Liquid Slider（Coda滑塊的響應版本）。

幻燈片之一是項目/客戶的列表。當用戶點擊一個，他們留在同一張幻燈片，但列表與項目細節換出。我的想法是通過將該幻燈片的內容與AJAX引入的另一個HTML頁面/ div交換出來，從而縮短加載時間。

問題是高度不針對新內容進行調整。如果您前進一張幻燈片然後返回，高度會調整。如果調整窗口大小，高度會調整。

$(document).ready(function() { 
    $("#dc3").click(function(){ 
      $(".clientlist").hide().load('dc3.html').fadeIn('slow'); 
     }); 
}); 

這工作了交換的內容，而不是調整高度。我試着用替換div的高度設置高度：

$(document).ready(function() { 
    $("#dc3").click(function(){ 
      $(".clientlist").hide().load('dc3.html').fadeIn('slow'); 
      $(".liquid-slider").css({'height':($("#content").height()+'px')}); 
     }); 
}); 

但是，這並不能工作......

我能夠手動設置的高度，但我寧願高度自動調整。滑塊腳本中有一些adjustHeight函數，但我不知道如何在內容換出時調用它。

該網站的暫存區域爲here。

Answer 1

有幾種方法可以從滑塊外部調用內部函數。你會想在你的ajax回調中調用adjustHeight（）或者adjustHeightNoAnimation（）函數。看看本教程是否回答你的問題，如果不能隨意給我發送一封來自LS網站聯繫表格的電子郵件。

http://liquidslider.kevinbatdorf.com/tutorials/dynamically-add-content-to-a-panel-when-clicked-using-ajax/