2010-07-01 12 views
0

jquery를 사용하여 작업을 시작했습니다. 내가 브라우저에서 효과를 볼 수 JQuery와 내 HTML 파일에 jquery.com..accessed에서 "http://code.jquery.com/jquery-1.4.2.min.js".. 여전히jquery를 사용할 수 없습니다.

<html> 
<head> 
<title> Jquery fundentals</title> 
<script src="jquery-1.4.2.min.js" type="text/javascript"></script> 
<style type="text/css"> 
#box{ 
    background: red; 
    width: 300px; 
    height: 300px; 
} 
</style> 
<script type="text/javascript"> 
$(function(){ 
    $('a').click(function(){ 
     $('box').fadeOut(); 
    }); 
}); 
</script> 
</head> 
<body> 
    <div id="box"> </div> 
    <a href="#"> Click Me! </a> 

    </body> 
</html> 

다운로드?

도 시도했지만 "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"... 사용하지 않음 아무도 문제를 설명 할 수 있습니까? 세 가지 브라우저에서 시험해 보았습니다. 구글 크롬, 모질라, 인터넷 익스플로러. 당신이 ID 상자 요소에 대해 이야기하고 있기 때문에

+0

게시물에 일부 코드가 누락되었습니다. – spinon

답변

0
$('a').click(function(){ 
    $('#box').fadeOut(); // # means id... 
    return false; // prevent jumping to another page... 
}); 
2
$('box').fadeOut(); 

요구

$('#box').fadeOut(); 

수 있습니다. CSS와 같습니다. 당신은 또한 라인 (이 경우 '#'이되는 당신이 클릭하고는 A의 href 속성 다음 브라우저를 방지하기 위해 후

return false; 

무엇을 추가 할 수

여담으로

- 페이지를 아래로 스크롤 한 경우, 그것은

+0

확인 중 - 시도하고 작동합니다. – Piskvor

1

나는 JQuery와 제대로 넣었 경우 방화 광에 :)

먼저 확인 지금 당신의 가장 친한 친구의 형태라고 생각합니다) 맨 위로 이동시킬 것이다. 당신은 예를 들어이 방법을 사용하여이 작업을 수행 할 수 있습니다

$(document).ready(function() { 
     alert('hi'); 
    }); 

그런 다음 위에서 선택기의 일부를 사용

.

0

는 예 다음

var $jq=jQuery.noConflict(); 

사용하고 지금 $ .I 대신에 작업을 $의 JQ를 생각 사용하여 project.If도 Mootools의를 사용하고 있습니다.

또는 u이 사용할 수 있습니다 ..

$(function(){ 
    $('a').click(function(){ 
     $('#box').fadeOut(); 
    }); 
}); 
+0

헤이 바누, 내 실수는 상자 앞에 #을 사용하지 않았다는 것이 었습니다! – devang

0

변경하여 자바 스크립트 같은 :

$(function(){ 
    $('a').click(function(){ 
     $('#box').fadeOut(); 
    }); 
}); 

참고 #을 두 번째 선택에서. id로 요소를 찾는 데 사용됩니다.

Example

+0

옌스에게 고마워, 나는 바꿨다. – devang

+0

당신을 진심으로 환영합니다. 문제를 해결하는 데 도움이되는 답변을 upvote 및/또는 수락해야합니다. – jigfox

관련 문제