液体（尾声）滑块高度未调整

Question

我正在为我的投资组合网站使用Liquid Slider（Coda Slider 的响应版本）。

其中一张幻灯片是项目/客户列表。当用户单击一个时，他们会停留在同一张幻灯片中，但列表会被替换为项目详细信息。我的想法是通过将幻灯片的内容换成 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/