2014-04-17 4 views
0

변수를 사용하여 HTML div 요소를 참조하고 있지만 작동하지 않습니다. 누구든지 수정 방법을 알려 줄 수 있습니까?JQuery 참조 변수가 작동하지 않습니다.

html 태그 :

<body> 
<button id="btn1" type="button">ClickMe</button><br /> 
<div id="div1" style="background-color:red;"></div> 
</body> 

jQuery 코드 : DOM 준비 처리기 내부에 변수 dv1을 넣어

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script> 
var dv1 = $("#div1"); 

$(document).ready(function(){ 
    $("#btn1").click(function(){ 
    dv1.fadeToggle("slow"); 
    }); 
}); 
</script> 
+0

설명하십시오 정확히 요 너는 일어날 것을 기대하고있다. 그것 없이는 나는 단지 추측하고있다. – Edward

+0

Felix가 내 질문에 대답했습니다. – user3545903

답변

1

시도 :

$(document).ready(function(){ 
    var dv1 = $("#div1"); 
    $("#btn1").click(function(){ 
     dv1.fadeToggle("slow"); 
    }); 
}); 
+0

그래, 작동 중! dv1을 전역 참조 변수로 만들 수 있습니까? – user3545903

+0

도움이 된 것을 기쁘게 생각합니다. 문제가 해결되면 답변을 수락하십시오 :-) – Felix

관련 문제