html 코드 내부 중에 이런 코드가 있습니다.
<sscript>
$('#homework').click(function(event) {
event.preventDefault();
$('#content').load('sub/homework.html');
});
</script>
j쿼리를 통해 id='content'에 해당하는 div에 html을 로딩하는 건데요.
그런데 load를 통해서 호출하면 homework.html 내에 있는 자바 스크립트를 실행하질 못하네요.
<script>
var editor = CodeMirror.fromTextArea(document.getElementById("sourceeditor"), {
lineNumbers: true,
mode: "text/html",
matchBrackets: true
});
</script>
이 부분인데요
상단에
<script src="../codemirror/mode/javascript/javascript.js"></script>
<script src="../codemirror/lib/codemirror.js"></script>
<link rel=stylesheet href="../codemirror/lib/codemirror.css">
를 줬고 경로상 문제는 없습니다. 그런데 실행하면 Uncaught ReferenceError: CodeMirror is not defined 에러를 띄우고
해당 함수를 실행하지를 못합니다 ㅠ.ㅠ
(codemirror.js에 CodeMirror.fromTextArea = function(textarea, options) { .... 라는 부분이 있습니다.)
도움 좀 얻을 수 있을까요! 밤새 시름하다 마지막 지푸라기 잡는 심정으로 이렇게 질문 글 남깁니다.
좋은 밤 되세요 (_ _)
글쓰기