调整 div 大小的 JavaScript 问题

Question

我是 js 的新手，我一生都无法弄清楚这个函数的问题。我只是想在调整页面大小时调整 div 的宽度。 CSS 也包含在内，以防万一。

<div id="lowerPattern"></div>


<script>
    $( window ).bind("resize", function() {
        // Change the width of the div
        $("#lowerPattern").css('width', '300px');
    });
</script>


/*CSS*/
#lowerPattern {
    height: 99px;
    width: 10px;
    background-color: green;
    /*Keeps div centered on resize*/
    position: absolute;
    left: 50%;
    margin-left: -300px;
}

Answer 1

它对我来说工作正常:http://jsfiddle.net/kuaYV/

您确定 JQuery 加载正确了吗？另外，尝试将函数放在 $(document).ready() 中，如下所示:

$(document).ready(function() {
    $( window ).bind("resize", function(){
        // Change the width of the div
        $("#lowerPattern").css('width', '300px');
    });
});

编辑:如果仍然无法正常工作，则可能与父元素的 CSS 有关。还要确保页面上没有任何其他具有相同 id 属性的元素。