液体(Coda)滑块高度不调整

时间:2013-02-12 08:13:07

标签: jquery slider height responsive-design

我在我的投资组合网站上使用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

1 个答案:

答案 0 :(得分:0)

有几种方法可以从滑块外部调用内部函数。您可能希望在ajax回调中调用adjustHeight()或adjustHeightNoAnimation()函数。看看本教程是否回答了您的问题,如果没有,请随时通过LS网站上的联系表单向我发送电子邮件。

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