Javascript 为什么我的div在jQuery中没有调整大小？

我试图在单击div时简单地调整它的大小，但它没有调整大小。谁能告诉我为什么

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");
})

JS

#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>

控制台未显示任何错误。

请尝试以下操作：

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

---

信息技术检查以确保包含jQuery（并且它实际上正在加载）。根据脚本在文档中的位置，您可能还需要用

$（document.ready（function（）{…}）包装JS检查控制台..工作正常：。您是否检查了控制台代码中其他地方的错误？您是否已将代码放在DOMReady处理程序中？包含了jQuery，它可以工作，我还运行了一些其他函数。这就是为什么我不明白为什么这不是。控制台没有回退任何东西它正在工作。其他函数可能有错误并停止执行。F12，请参阅控制台中的错误。