Javascript 根据当前滑动高度动态更改div的高度

我在下一页上有一个文本滑块：

链接已删除

我想做的是，如果加载了包含大量文本的幻灯片，则让包含DIV的部分更改其高度，这样它就不会被切断

                var slides = $('.slide');
                var container = $('#slides ul');
                var elm = container.find(':first-child').prop("tagName");
                var item_width = container.width();
                var previous = 'prev'; //id of previous button
                var next = 'next'; //id of next button
                slides.width(item_width); //set the slides to the correct pixel width
                container.parent().width(item_width);
                container.width(slides.length * item_width); //set the slides container to the correct total width
                container.find(elm + ':first').before(container.find(elm + ':last'));
                resetSlides();


                //if user clicked on prev button

                $('#buttons a').click(function (e) {
                    //slide the item

                    if (container.is(':animated')) {
                        return false;
                    }
                    if (e.target.id == previous) {
                        container.stop().animate({
                            'left': 0
                        }, 1500, function () {
                            container.find(elm + ':first').before(container.find(elm + ':last'));
                            resetSlides();
                        });
                    }

                    if (e.target.id == next) {
                        container.stop().animate({
                            'left': item_width * -2
                        }, 1500, function () {
                            container.find(elm + ':last').after(container.find(elm + ':first'));
                            resetSlides();
                        });
                    }

                    //cancel the link behavior            
                    return false;

---

从#幻灯片中删除以下行

height: 250px;

现在应该使用javascript更改“slides”元素的高度。这里有一个例子hack可以在你的页面上使用，但是你显然应该对它进行一些修饰以适合你的页面。在更换幻灯片后运行它。（也许把它挂在按钮上）

---

获取可见项的高度，并相应地更改包含元素的高度。

从#幻灯片中删除以下行

height: 250px;

现在应该使用javascript更改“slides”元素的高度。这里有一个例子hack可以在你的页面上使用，但是你显然应该对它进行一些修饰以适合你的页面。在更换幻灯片后运行它。（也许把它挂在按钮上）

---

获取可见项的高度，并相应地更改包含元素的高度。

我想做的是，如果加载了包含大量文本的幻灯片，则让包含DIV更改其高度，以便它不会被截断。

很好，很高兴知道。那么你的问题是什么呢？你不能用CSS来解决它，而不是给元素指定

height

，尝试使用

minheight

@proeviz我想我的问题是，我如何在我提供的Javascript代码中引用活动幻灯片的高度？如果我知道这一点，那么我就知道如何在加载新幻灯片时动态更改包含DIV的高度。@user1110562只需将

#slides

上的高度设置为550px？@proeviz我希望它是动态的。如果我将它设置为一个固定的高度，可能会有一块文字沿着这条路一直延伸到另一个高度。在这种情况下，只有1-2行的文本块也会有很多未使用的空间。

我想做的是，如果加载了一个包含大量文本的幻灯片，让包含的DIV更改它的高度，这样它就不会被截断。

很好，很高兴知道。那么你的问题是什么呢？你不能用CSS来解决它，而不是给元素指定

height

，尝试使用

minheight

@proeviz我想我的问题是，我如何在我提供的Javascript代码中引用活动幻灯片的高度？如果我知道这一点，那么我就知道如何在加载新幻灯片时动态更改包含DIV的高度。@user1110562只需将

#slides

上的高度设置为550px？@proeviz我希望它是动态的。如果我将它设置为一个固定的高度，可能会有一块文字沿着这条路一直延伸到另一个高度。在这种情况下，只有1-2行的文本块也会有很多未使用的空间。我已经添加了这段代码，但它似乎没有获得活动幻灯片的正确高度。有些屏幕显示正常，但较大的屏幕仍会被切断。我添加了一个警报（newHeight）；要查看传递的高度是否仍处于关闭状态。实际上，在“下一步”箭头单击时，它似乎工作正常，但在“上一步”上则不正常。请使用不同的.children[0].children[0].clientHeight值来解决此问题。谢谢我已经添加了这段代码，但它似乎没有获得活动幻灯片的正确高度。有些屏幕显示正常，但较大的屏幕仍会被切断。我添加了一个警报（newHeight）；要查看传递的高度是否仍处于关闭状态。实际上，在“下一步”箭头单击时，它似乎工作正常，但在“上一步”上则不正常。请使用不同的.children[0].children[0].clientHeight值来解决此问题。谢谢