2012-06-05 16 views
-1

코드의 문제점은 무엇입니까? js 파일의 경로가 맞다고 확신합니다. 나는 그것이 코드라고 생각한다.JQuery 초보자 .after가 작동하지 않습니다.

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <title>Embedded Script</title> 
     <meta charset="utf-8"/> 
    </head> 
    <body> 
     <h1>Embedded Script Example</h1> 
     <script type="text/javascript" charset="utf-8" src="js/jquery-1.7.2.min.js"></script> 
     <script type="text/javascript" charset="utf-8"> 

     $(document).ready(function(){ 
      $("h1").after("<p>I've just inserted a paragraph</p>"); 
     }); 
     </script> 
    </body> 
</html>​ 
+0

무엇이 문제입니까? – austinbv

+0

HTML에 h1이 있습니까? –

+0

자바 스크립트 오류? – noob

답변

1

당신의 경로가 잘못된해야합니다 .. 삽입 된 단락을 표시되지 또는 jQuery 라이브러리는 어떻게 든 손상되었습니다. 귀하의 코드를 복사하고, jQuery.com의 가장 최근 코드로 jQuery 경로를 변경 한 다음 페이지를 http://www.apsillers.com/inline.html에 업로드했습니다. Ctrl+U을 사용하여 출처를보고 원본과 동일한 지 확인하십시오. (나는 바이올린을 사용하지만 인라인 스크립트는 허용하지 않는다고 생각합니다.)

이것은 jQuery 라이브러리를 제대로로드하지 못해서 문제가 발생했다는 것을 확실히 증명합니다. 오류 콘솔을 점검하고 jQuery이 JS 콘솔의 현존 개체인지 확인하십시오.

-1
$("<p>I've just inserted a paragraph</p>").insertAfter("h1"); 
+0

이것은 OP에 이미있는 것과 동일합니다. 'insertAfter'는'after'와 똑같은 방식으로 작동합니다. 유일한 차이점은 'after'를 사용하면 삽입 할 요소가 메서드에 전달된다는 것입니다. –

관련 문제