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

Question

当我点击它时，我正试图简单地调整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;
}

JS

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

这样做也不起作用。

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

HTML

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

控制台未显示任何错误。

Answer 1

请改为尝试：

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