2014-01-11 3 views
0

여기 내 HTML 코드입니다, 작동하지자바 스크립트 동작

: 여기

div { 
    height:50px; 
    width:100px; 
    display: inline-block; 
    background-color:black; 
    color:white; 
    text-align:center; 
    line-height:50px; 
} 

내 자바 스크립트 코드는

$(document).ready(function() { 
    $('div').mouseenter(function() { 
     $(this).animate({ 
      height: '+=10px' 
     }); 
    }); 
    $('div').mouseleave(function() { 
     $(this).animate({ 
      height: '-=10px' 
     }); 
    }); 
    $('div').click(function() { 
     $(this).fadeOut(1000); 
    }); 
}); 

Dreamweaver에서 브라우저 미리보기 또는 라이브 코드를 수행 할 때 클릭 핸들러 또는 애니메이션이 실행되지 않고 코드가 잘못되었거나 ar입니다. 전자 프로그램 설정이 잘못되어, 나는 (크롬, 파이어 폭스, 사파리에서 시도했다.) 길을 잃었다.

+0

에이에 대한 자세한 내용을 알 수 jquery.js 넣어야 할 시간입니다 1000MS = 1 초 약간 큰 값을 시도 ............ –

답변

0

는이 당신의 JQuery와 스크립트가 작동하지 않고 JQuery와 링크 귀하의 script.js

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js">  </script> 

전에이 링크를 넣어. 당신이 jQuery를 사용할 때 항상이

http://jquery.com/

+0

죄송합니다. 위 코드에서 작성한 코드에서 script.js 파일은 어디에서 참조 할 수 있습니까? – MMP

+0

script.js를 참조하지 않았습니다. script.js 앞에 넣으십시오. –

+0

! 고마워, 내 마음을 잃어 가고 있었어. – MMP

0

Dreamweaver에서 환경을 관리하는 방법을 모르지만 jQuery를 사용하는 것처럼 보이지만 HTML에서 해당 라이브러리가로드되지 않는 것 같습니다.

귀하의 브라우저 중 하나에서 개발자 콘솔을 열고 시도하고 자바 스크립트 오류를 ​​찾아, 당신은 아마 Uncaught ReferenceError: $ is not defined

복사와 같은 뭔가 jQuery download page에서 스크립트 태그를 볼 수 있습니다. jQuery를 당신의 스크립트가 수행하기 전에, 그래서 문서 <head>이 같을 것이다로드해야합니다

<head> 
    <title>Divs</title> 
    <link href="stylesheet.css" rel="stylesheet" type="text/css"> 
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
    <script type="text/javascript" src="script.js"></script> 
</head> 

가 여기에 JSFiddle이 코드의 작업을 보여주는입니다 : http://jsfiddle.net/qD35V/ 당신과 떨어져 jQuery를 설정하는 사이드 바의 프레임 워크 메뉴를 사용할 수 있습니다.

+0

내 모든 jquery 코드는 script.js 파일에 HTML 참조로 작성된, 난 그냥 befuddled, 내가 참조 오류 참조, 다음 단계는 무엇입니까? – MMP

+0

참조 오류가 표시됩니다. 다음 단계는 무엇입니까? – MMP

+0

jQuery 라이브러리를 포함해야하며 스크립트는 jQuery 명령을 호출하지만 라이브러리 자체는 포함하지 않습니다. – joemaller

관련 문제