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后，您必须执行该脚本。