2015-04-01 48 views
-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; 
} 

JS

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

這樣做,這樣也不行。

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

HTML

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

控制檯沒有顯示任何錯誤。

+0

它[在這裏工作(http://jsfiddle.net/vo0u03m4/)。檢查以確保你包含jQuery(並且它實際上正在加載)。根據你的腳本在文檔中的位置,你可能還需要用'$(document).ready(function(){...})來包裝你的JS;'**檢查控制檯.. ** – 2015-04-01 19:34:07

+0

It工作正常:http://jsfiddle.net/6e0wj2Lg/。你有沒有檢查控制檯在你的代碼中的其他地方的錯誤?你有沒有把你的代碼放在DOMReady處理程序中? – 2015-04-01 19:34:45

+0

jQuery的包含,它的工作原理,我也運行一些其他功能。這就是爲什麼我不明白爲什麼這不是。 – User 2015-04-01 19:35:15

回答

0

試試這個:

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