티스토리 뷰
반응형

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  <script type="text/javascript">
 $("#jquery").on('click', function(event){
  alert('jquery');
  });
  </script>
 </head>

 <body>
  <input type="button" id="jquery" value="jquery">
 </body>
</html>

js파일는 잘 불러와지고

 

jquery라는 버튼을 누르면

alert 팝업창이 뜨면서 jquery라는 문구가 나와야 하는데..

 

무반응!!

 

 

 

alert창이 떠야 하는데... 왜 안뜨지 ???

이래 찾고 저래 찾다가...ㅠㅠ

 

스크립트 위치를 내리니 되네...

왜이런거지 ㅠㅠ

 

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
 
 </head>

 <body>
  <input type="button" id="jquery" value="jquery">
  <script type="text/javascript">
 $("#jquery").on('click', function(event){
  alert('jquery');
  });
  </script>
 </body>
</html>

 

 

 

반응형
공유하기 링크
댓글