为什么我的div不在jQuery中调整大小？

-1

我试图简单地调整一个div，当我点击它，但它没有调整大小。谁能告诉我为什么？为什么我的div不在jQuery中调整大小？

CSS

#navigation{ 
    position: absolute; 
    display: block; 
    float: right; 
    margin: 0; 
    top: 0; 
    right: 0; 
    width: 25px; 
    height: 100%; 
    z-index: 1; 
    background-color: green; 
}

$("#navigation").on("click", function(){ 
    $("#navigation").css("width", "100px"); 
})

这样做，这样也不行。

$("#navigation").on("click", function(){ 
    $("#navigation").width(100); 
})

HTML

<div id="navigation"> 
    <ul></ul> 
</div>

控制台没有显示任何错误。

来源

2015-04-01 User

它[在这里工作（http://jsfiddle.net/vo0u03m4/）。检查以确保你包含jQuery（并且它实际上正在加载）。根据你的脚本在文档中的位置，你可能还需要用'$（document）.ready（function（）{...}）来包装你的JS;'**检查控制台.. ** – 2015-04-01 19:34:07

It工作正常：http://jsfiddle.net/6e0wj2Lg/。你有没有检查控制台在你的代码中的其他地方的错误？你有没有把你的代码放在DOMReady处理程序中？ – 2015-04-01 19:34:45

jQuery的包含，它的工作原理，我也运行一些其他功能。这就是为什么我不明白为什么这不是。 – User 2015-04-01 19:35:15

试试这个：

$('#navigation').click(function() { 
    $(this).css("width", "100px"); 
});

来源

2015-04-01 19:37:51 StevieB

为什么我的div不在jQuery中调整大小？

回答

相关问题