0

我对 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;
}
4

3 回答 3

0

你知道你必须加载 Jquery 吗？每次使用 CDN（联系交付网络）运行网站时，您必须将 jquery 源代码放入文件并保存或下载。

您还必须加载 Jquery。访问他们的网站并下载源代码。保存到带有 .js 扩展名的文本文件。之后写

<script type="text/Javascript" src="MyJquery.js"></script>

在 HTML 的头部区域

另一种选择是使用 CDN 并写入：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
</script>

这会将 jquery 加载到您的网站

您必须将代码放入

$(文档).ready(函数(){

//把你所有的代码放在这里

});

如果您使用的是 CDN，请检查您的网络连接。如果 Internet 连接丢失，它将不会在您尝试运行时加载 Jquery

于 2013-07-20T17:15:11.677 回答
0

它对我来说很好用：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属性的元素。

于 2013-07-20T17:03:57.210 回答
0

将您的代码包含在 $(document).ready(function(){}); 像这样：

$(document).ready(function()
{
    $( window ).bind("resize", function(){
// Change the width of the div
$("#lowerPattern").css('width', '300px');
});
});
于 2013-07-20T17:06:27.513 回答