2011-09-02 5 views
-3

링크를 클릭 할 때 div를 아래로 밀어 내려고 노력하고 있습니다.Jquery slideDown 함수가 예상대로 작동하지 않습니다.

<?php 
$interactionBox = '<div> 
<a href="#" onclick="return false" onmousedown="javascript:toggle(\'my_div\');"> 
Send Message</a> 
</div><br />'; 
?> 

<html> 
<head> 
<script language="javascript" type="text/javascript"> 
function toggle(x) { 
$('#'+x).slideDown(200); 
} 
</script> 
</head> 

<body> 
<?php echo $interactionBox; ?> 
<div class="interactContainers" id="my_div" style="background-color: #EAF4FF;"> message 
</div> 
</body> 
</html> 
<?php 
$interactionBox = '<div> 
<a href="#" onclick="return false" onmousedown="javascript:toggle(\'my_div\');"> 
Send Message</a> 
</div><br />'; 
?> 

<html> 
<head> 
<script language="javascript" type="text/javascript"> 
function toggle(x) { 
$('#'+x).slideDown(200); 
} 
</script> 
</head> 

<body> 
<?php echo $interactionBox; ?> 
<div class="interactContainers" id="my_div" style="background-color: #EAF4FF;"> message 
</div> 
</body> 
</html> 

문제는 작동하지 않으며 이유가 없습니다. 어떤 도움이라도 대단히 감사 할 것입니다 !!

+2

-1 "작동하지 않음". 문제를 더 진단하고 질문을 적절하게 업데이트하려면 잠시 시간을내어주십시오. JavaScript 오류가 있습니까? 반환 된 HTML이 유효합니까? 그냥 "예기치 않게 작동합니까"? (그리고 제발, 제발, 만약 PHP 문제가 있다면, 그것과 같은 태그, 그리고 자바 스크립트 문제가 있다면 * 결과 * HTML/자바 스크립트 : PHP는 적용 할 필요가 없습니다.) –

+1

그것은 당신이 jQuery를 사용하려고하는 것 같습니다 . jQuery 파일을 문서의 머리 부분에 포함시키고 있습니까? – Matt

+0

매트가 정확합니다. jQuery는 JavaScript 라이브러리입니다. 서버에 다운로드하거나 외부 서버에서 호스팅되는 참조를 넣어야합니다. –

답변

2

slideDown을 사용하면 요소가 의도 한 높이까지 '증가'합니다. 그 작동하려면 요소를 숨길 수 있습니다 사업부가 완전히 볼 수

<div id="my_div" style="display: none">message</div> 
       ^^^^^^^^^^^^^^^^^^^^^ 

경우, 당신은 한, .slideDown() 호출은 아무런 효과가 없습니다.

0

귀하의 질문에 적어도 페이지에 어떤 오류가 나타나는지 제시해야합니다. Firefox + Firebug를 사용하십시오.

즉, jQuery (.slideDown() 등)를 사용하고있는 것처럼 보였지만 jQuery 라이브러리는 포함되어 있지 않습니다.

+0

나는 그것을 얻었다! 바보 같은 실수는 도서관을 포함하지 않았다. 모든 응답 주셔서 감사합니다 !!! – user906357

관련 문제