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（）函数的末尾调用这个函数。

javascript高度文档自动调整

1 个答案: