jquery調整div的時候點擊一個鏈接

Question

有人可以解釋一下如何在用戶點擊鏈接時使用jquery調整div的大小。

這個代碼不工作：

$(".a_link").click(function() { 
    $("#insur_main").css("width","800px"); 
}); 

Answer 1

您可能需要附上聲明$（文件）。就緒（ ）以確保您的事件在元素完全加載時綁定。

$(document).ready(function() { 
    $(".a_link").click(function() { 
     $("#insur_main").css("width","800px"); 
    }); 
}); 

Answer 2

你的代碼應工作

$(".a_link").click(function() { 
 
    $("#insur_main").css("width","800px"); 
 
});

#insur_main 
 
{ 
 
    width:100px; 
 
    height:100px; 
 
    background-color:red; 
 
}

<div id="insur_main"> </div> 
 

 
<a href="#" class="a_link">Resize DIV</a>

Answer 3

它可能是您的腳本的順序問題。

See this example on jsFiddle

<script> 
    alert("Doesn't exist yet " + $(".a_link").length); 
</script> 

<a href="#" class="a_link">Link 01</a> 
<script> 
    alert("Now it does exist " + $(".a_link").length); 
</script> 

<script> 
$(function() { 
    // ondomready it exists 
    alert("Ready " + $(".a_link").length); 
}); 
</script> 

元素呈現之前，您可能會調用腳本。它可能不存在於DOM中。進入DOM後，您必須執行該腳本。