javascript高度文档自动调整

Question

我有一个侧边栏需要根据文档大小进行调整。这工作完美，它的代码：

<script type="text/javascript">
      $(document).ready(function(){
        $("#sidebar").height( $(document).height() ); 

    });
    </script>

但现在我的网站上有一个表单，当您输入选项时，它的大小会随着 javascript 的变化而变化。换句话说，当您添加多个选项时，整个文档会变得更长。但此脚本不会对此进行调整，因此当您添加更多选项时，侧边栏就会被切断。

换句话说，是否有可能使该脚本自动调整或让以下脚本在返回时重新运行该函数：

<script>
        treated = new Object(); 
        inputNumber = 1;

        function addOne() {

            //Create an input type dynamically.
            var divElement = document.createElement("div");

            var element = document.createElement("input");
            inputNumber++;
            element.setAttribute("name", "input" +inputNumber);
            element.setAttribute("onkeyup", "if (this.value.length > 1 && treated[this.name] != 1){ addOne(); treated[this.name] = '1'; }");
            element.setAttribute("id", "productoptiesadd");

            var price = document.createElement("input");
            price.setAttribute("name", "price" +inputNumber);
            price.setAttribute("id", "productoptiesaddprice");

            var foo = document.getElementById("japroductopties");

            var htag = document.createElement("h7");
            htag.innerHTML = "Optie " + inputNumber + ":";

            var htags = document.createElement("h7");
            htags.innerHTML = " € ";

            divElement.appendChild(htag);
            divElement.appendChild(element);
            divElement.appendChild(htags);
            divElement.appendChild(price);
            foo.appendChild(divElement);
            }
    </script>

希望 some1 可以提供帮助:)。

Answer 1

为什么不在样式表中将 #sidebar height 属性设置为 100% ？ Javascript 真的有必要吗？

否则，只需用您的第一个代码片段编写一个函数 SidebarAutoAdjust() ：

$("#sidebar").height( $(document).height() ); 

然后您所要做的就是在 addOne() 函数的末尾调用此函数。